/* CHE DO TOI cho toan he WebPay (21/07/2026).

   Vi sao ghi de o day chu khong sua 100 tep template: da quet toan bo templates, bang mau
   chi dung SLATE + WHITE, va ~20 lop chiem gan het (text-slate-500 625 lan, bg-white 477,
   border-slate-200 403...). Ghi de o mot cho -> moi trang tu co che do toi, khong sot trang,
   khong phai nho sua tung tep khi them trang moi.

   Quy tac mau: nen trang TOI HON the (bg-slate-100 la nen trang, bg-white la the), giu nguyen
   cac mau nhan (indigo/amber/rose/emerald) vi chung van doc duoc tren nen toi. */

html.dark { color-scheme: dark; }

/* ===== NEN ===== */
/* Toi SAU (21/07 anh bao "chua toi han"): nen trang gan den, the nhinh hon mot bac de van
   thay khoi. Truoc do the la #16202f - nhin ra xam nhat, chua ra che do toi. */
html.dark body            { background-color: #070b13; }
html.dark .bg-white       { background-color: #0f1622; }
html.dark .bg-slate-50    { background-color: #141c2a; }
html.dark .bg-slate-100   { background-color: #0a0f1a; }
html.dark .bg-slate-200   { background-color: #18202e; }

/* Menu trai (nguoi ban) von la indigo-700 sang - tren che do toi phai tram xuong cho dong bo,
   khong thi ca man toi rieng menu choi len. */
html.dark .bg-indigo-700  { background-color: #121a2c; }

/* Nen mo cua lop phu (backdrop) dam hon cho hop voi che do toi */
html.dark .bg-slate-900\/50 { background-color: rgba(2, 6, 23, .72); }

/* ===== CHU ===== */
html.dark .text-slate-900 { color: #e8edf5; }
html.dark .text-slate-800 { color: #dfe6f0; }
html.dark .text-slate-700 { color: #cbd5e1; }
html.dark .text-slate-600 { color: #b6c2d4; }
html.dark .text-slate-500 { color: #97a5b8; }
html.dark .text-slate-400 { color: #7f8da2; }
html.dark .text-slate-300 { color: #66748a; }

/* ===== VIEN ===== */
html.dark .border-slate-100 { border-color: #1e2a40; }
html.dark .border-slate-200 { border-color: #24314a; }
html.dark .border-slate-300 { border-color: #2c3a55; }
html.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #1e2a40; }
html.dark .divide-slate-200 > :not([hidden]) ~ :not([hidden]) { border-color: #24314a; }

/* ===== O NHAP ===== */
html.dark input, html.dark textarea, html.dark select { background-color: #111c2b; color: #e8edf5; }
html.dark input::placeholder, html.dark textarea::placeholder { color: #6b7a90; }

/* ===== BONG DO ===== */
/* Bong den tren nen toi gan nhu vo hinh -> tang do dam de the van noi khoi nen. */
html.dark .shadow-sm  { box-shadow: 0 1px 2px 0 rgba(0,0,0,.45); }
html.dark .shadow     { box-shadow: 0 1px 3px 0 rgba(0,0,0,.55); }
html.dark .shadow-lg  { box-shadow: 0 10px 15px -3px rgba(0,0,0,.6); }
html.dark .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,.8); }

/* ===== LOGO ===== */
/* Logo ban mau dam ve tren nen trang -> tren nen toi se chim. Doi sang trang. */
html.dark img[src$="webpay-logo.svg"] { filter: brightness(0) invert(1); }

/* ===== HOP MAU NHAT (thong bao, canh bao, nhac nang goi) =====
   Day la thu pham lam "chua toi han": hop nen kem/xanh nhat choi trang giua man toi.
   Cach lam: ha nen ve TOI CO SAC (giu duoc y nghia mau), roi keo chu + vien SANG len cho
   du tuong phan. Phai lam ca hai dau - chi ha nen thi chu dam se chim mat. */
html.dark .bg-amber-50,  html.dark .bg-yellow-50, html.dark .bg-orange-50 { background-color: #2a2010; }
html.dark .bg-indigo-50, html.dark .bg-blue-50,   html.dark .bg-sky-50    { background-color: #131c33; }
html.dark .bg-emerald-50,html.dark .bg-green-50   { background-color: #0e2318; }
html.dark .bg-rose-50,   html.dark .bg-red-50     { background-color: #2a1216; }

html.dark .text-amber-600, html.dark .text-amber-700, html.dark .text-amber-800,
html.dark .text-amber-900, html.dark .text-yellow-700, html.dark .text-yellow-800,
html.dark .text-orange-700, html.dark .text-orange-800 { color: #fbbf24; }
html.dark .text-indigo-600, html.dark .text-indigo-700, html.dark .text-indigo-800,
html.dark .text-indigo-900, html.dark .text-blue-700, html.dark .text-blue-800,
html.dark .text-sky-700, html.dark .text-sky-800 { color: #93a9f5; }
html.dark .text-emerald-600, html.dark .text-emerald-700, html.dark .text-emerald-800,
html.dark .text-green-700, html.dark .text-green-800 { color: #4ade80; }
html.dark .text-rose-600, html.dark .text-rose-700, html.dark .text-rose-800,
html.dark .text-red-600, html.dark .text-red-700, html.dark .text-red-800 { color: #fb7185; }

html.dark .border-amber-200, html.dark .border-amber-300 { border-color: #4a3a18; }
html.dark .border-indigo-200,html.dark .border-indigo-300{ border-color: #26325a; }
html.dark .border-emerald-200,html.dark .border-green-200{ border-color: #1a3d2a; }
html.dark .border-rose-200,  html.dark .border-red-200   { border-color: #4a2028; }

/* Muc dang xem trong menu (nen indigo-50 nhat) - keo ve tong toi cho khoi choi */
html.dark .bg-indigo-50.font-semibold, html.dark .bg-amber-50.font-semibold { background-color: #1a2340; }