/* 榮陞大興 — 深色主題（覆蓋層，不動主程式 bundle）
   設計語彙：近黑底 + 碳灰卡片 + Škoda 墨綠點綴，與黑色機械翻牌倒數一體成形。 */

:root { color-scheme: dark; }

/* Tailwind preflight 預設邊框色是 #e5e7eb（淺灰）；深底改為淡白線。
   只用元素選擇器，特定的 .border-* 顏色類別仍會覆蓋它。 */
*, ::before, ::after { border-color: rgba(255,255,255,.10); }
hr { border-color: rgba(255,255,255,.08); }

/* ── 基底 ── */
html, body { background: #0c0e0d !important; color: #e8ebe9; }

/* ── 面（卡片/區塊）── */
.bg-white   { background-color: #171918 !important; }
.bg-gray-50 { background-color: #121413 !important; }
.bg-gray-100{ background-color: #1d201e !important; }
.bg-gray-200{ background-color: #262a28 !important; }
.bg-gray-300{ background-color: #303532 !important; }
.bg-gray-400{ background-color: #3c423f !important; }
.bg-slate-50 { background-color: #14171a !important; }
.bg-slate-100{ background-color: #1c2024 !important; }
.bg-gray-800{ background-color: #333a36 !important; }
.bg-gray-900{ background-color: #2a2f2c !important; }

/* ── 文字 ── */
.text-black,
.text-gray-900{ color: #f3f5f4 !important; }
.text-gray-800{ color: #e6e9e7 !important; }
.text-gray-700{ color: #d0d5d2 !important; }
.text-gray-600{ color: #aab2ad !important; }
.text-gray-500{ color: #9aa49d !important; }
.text-gray-400{ color: #8a948d !important; }
.text-gray-300{ color: #6f7973 !important; }
.text-slate-600{ color: #a7b2bd !important; }
.text-slate-500{ color: #94a0ab !important; }

/* ── 品牌綠（深底上提高明度）── */
.text-brand, .hover\:text-brand:hover { color: #58c29a !important; }
.text-\[\#0E4D3A\] { color: #58c29a !important; }
.border-brand, .hover\:border-brand:hover { border-color: #2e9b76 !important; }
.divide-brand > :not([hidden]) ~ :not([hidden]) { border-color: #2e9b76 !important; }
.ring-\[\#0E4D3A\] { --tw-ring-color: #2e9b76 !important; }
.border-\[\#0E4D3A\] { border-color: #2e9b76 !important; }
.bg-brand, .hover\:bg-brand:hover { background-color: #11604a !important; }

/* ── 邊框/分隔線 ── */
.border-gray-50 { border-color: rgba(255,255,255,.05) !important; }
.border-gray-100{ border-color: rgba(255,255,255,.07) !important; }
.border-gray-200{ border-color: rgba(255,255,255,.10) !important; }
.border-gray-300{ border-color: rgba(255,255,255,.16) !important; }
.divide-y > :not([hidden]) ~ :not([hidden]) { border-color: rgba(255,255,255,.08); }

/* ── 彩色提示底（淡彩 → 深彩染）── */
.bg-red-50  { background-color: #2a1413 !important; }
.bg-red-100 { background-color: #391b19 !important; }
.bg-rose-50 { background-color: #2a1318 !important; }
.bg-rose-100{ background-color: #3a1a21 !important; }
.bg-amber-50 { background-color: #2b2310 !important; }
.bg-amber-100{ background-color: #342a13 !important; }
.bg-yellow-100{ background-color: #332b10 !important; }
.bg-green-50, .hover\:bg-green-50:hover { background-color: #11271f !important; }
.bg-green-100{ background-color: #173427 !important; }
.bg-blue-50  { background-color: #10202e !important; }
.bg-blue-100 { background-color: #16293c !important; }
.bg-indigo-100{ background-color: #1f2440 !important; }

.text-red-600, .text-red-500 { color: #f08a80 !important; }
.text-red-400 { color: #e8978f !important; }
.text-rose-700, .text-rose-600, .text-rose-500 { color: #f190a4 !important; }
.text-green-700, .text-green-600 { color: #6fd0a8 !important; }
.border-red-100 { border-color: #4a2522 !important; }
.border-red-200 { border-color: #5b2d29 !important; }
.border-green-100{ border-color: #1d4534 !important; }
.border-green-200{ border-color: #265842 !important; }

/* amber/yellow/blue/indigo 文字常見階 */
[class*="text-amber-7"], [class*="text-amber-8"], [class*="text-yellow-7"], [class*="text-yellow-8"] { color: #e8c477 !important; }
[class*="text-blue-6"], [class*="text-blue-7"] { color: #7ab5ef !important; }
[class*="text-indigo-6"], [class*="text-indigo-7"] { color: #a3b0f5 !important; }

/* ── 帶透明度的淺色面 ── */
.bg-white\/95 { background-color: rgba(23,25,24,.95) !important; }
.bg-gray-50\/50 { background-color: rgba(255,255,255,.05) !important; }
.bg-amber-50\/60 { background-color: rgba(43,35,16,.7) !important; }
.bg-red-50\/40 { background-color: rgba(42,20,19,.55) !important; }
.bg-brand\/5  { background-color: rgba(46,155,118,.08) !important; }
.bg-brand\/10 { background-color: rgba(46,155,118,.14) !important; }
.bg-brand\/80 { background-color: rgba(17,96,74,.85) !important; }
.bg-gray-900\/95 { background-color: rgba(18,20,19,.95) !important; }

/* ── inline style 淺色背景（屬性選擇器強制覆蓋）── */
[style*="rgb(238, 241, 245)"] { background-color: #20242a !important; }
[style*="rgb(231, 240, 236)"] { background-color: rgba(46,155,118,.12) !important; }
[style*="rgb(231, 237, 251)"] { background-color: #1d2742 !important; }
[style*="rgb(251, 243, 214)"] { background-color: #332b10 !important; }
[style*="rgb(254, 249, 195)"] { background-color: #332b10 !important; }
[style*="rgb(224, 231, 255)"] { background-color: #232a4d !important; }
[style*="background: rgb(255, 255, 255)"],
[style*="background-color: rgb(255, 255, 255)"],
[style*="background:#fff"], [style*="background: #fff"],
[style*="background-color:#fff"], [style*="background-color: #fff"] { background-color: #171918 !important; }

/* ── inline style 深色文字（深底上看不清，屬性選擇器提亮）── */
[style*="color: rgb(14, 77, 58)"]  { color: #58c29a !important; } /* 品牌綠字 */
[style*="color: rgb(55, 48, 163)"] { color: #aab4ff !important; } /* 晚班/靛藍 */
[style*="color: rgb(133, 77, 14)"] { color: #e8c477 !important; } /* 早班/琥珀 */
[style*="color: rgb(122, 92, 0)"]  { color: #e8c477 !important; } /* 留資料 */
[style*="color: rgb(29, 78, 216)"] { color: #8ab4f8 !important; } /* 訊息/藍 */
[style*="color: rgb(71, 85, 105)"] { color: #a7b2bd !important; } /* slate-600 */

/* 試乘時間軸「其他人」灰條：原 slate-400 淺灰配白字看不清 → 深灰條 */
.bg-slate-400 { background-color: #3a4250 !important; }
[style*="background: rgb(148, 163, 184)"],
[style*="background-color: rgb(148, 163, 184)"] { background-color: #3a4250 !important; }

/* ── hover 灰階 ── */
.hover\:bg-gray-50:hover { background-color: #1d201e !important; }
.hover\:bg-white:hover   { background-color: #1f2220 !important; }

/* ── 表單控件 ── */
input, select, textarea {
  background-color: #1a1d1b !important;
  color: #eceeed !important;
  border-color: rgba(255,255,255,.14) !important;
}
input::placeholder, textarea::placeholder { color: #6f7973 !important; }
input[type="checkbox"], input[type="radio"] { accent-color: #2e9b76; }

/* ── 陰影調暗（深底上白陰影會發灰）── */
.shadow, .shadow-sm, .shadow-md, .shadow-lg,
.hover\:shadow-sm:hover, .hover\:shadow-md:hover {
  --tw-shadow-color: rgba(0,0,0,.55);
  --tw-shadow: var(--tw-shadow-colored);
}