/* ============================================================================
   CHE-DO-TOI.CSS — THANG MAU TOI CHO APP AN CU
   Ghep 03/08/2026 · phien nao APP · dot D cua bo nhan dien.

   NGUON: BO NAO TAP DOAN\HO-SO\NHAN-HIEU\BO-NHAN-DIEN\GIAO-DIEN-APP\07-CHE-DO-TOI.md
   🔴 BAN GOC CUA NAO TAP DOAN KHONG DUNG THANG DUOC — no goi mau bang bo ten
      "vai dung" (--nen-trang --nen-the --chu --mau-chinh...) ma app CHUA BAO GIO doi sang.
      App goi bang --bg --card --text --blue-800... Trung dung 1 ten tren 20.
      File nay la BAN DA DICH sang ten bien THAT cua app. Dung chep de ban goc len day.

   MOI SO TUONG PHAN DUOI DAY LA SO DO THAT (WCAG 2.1), do bang
   scratchpad\do-tuong-phan.js tren 38 cap mau thuc te trong style.css: 0 cap truot.
   Sua bat ky ma nao o day thi PHAI do lai, dung sua theo cam tinh.

   🔴 BA MA LOI #0E5C43 · #4E9A7E · #F0A03C van nguyen trong thang goc o style.css.
      Day la thu sap dang ky nhan hieu — che do toi KHONG dung vao chung.

   🔴 HAI BANG MAU DUOI DAY PHAI GIONG HET NHAU (mot cho "theo may", mot cho "ep toi").
      CSS khong cho gop hai bo chon nay lam mot. Rao chan canh:
      routes/mau-bien-css.test.js (bai 4) — sua mot bang ma quen bang kia la bai do.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. THEO MAY — dien thoai dang de nen toi, tru khi nguoi dung chon "luon sang"
   -------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-nen="sang"]) {
    --bg: #121C18; --card: #1B2823; --card-2: #212E29; --nen-chim: #0C1512;
    --text: #E8EFEA; --muted: #A9B8B0; --border: #2B3A33; --vien-o-nhap: #6E7F76;
    --blue-900: #78B69D; --blue-800: #62A087; --blue-600: #71AD96;
    --blue-100: #4E7A69; --blue-50: #0F2E25;
    --chu-tren-chinh: #0A2019;
    --green: #5DCAA5; --green-bg: #0F2E25; --green-mang: #5DCAA5;
    --red: #FF8A75; --red-bg: #331A16; --red-mang: #FF8A75; --red-nut: #E0604A;
    --amber: #FFC46B; --amber-bg: #33260F; --amber-mang: #FFC46B;
    --warm: #F4B267; --warm-bg: #33260F; --btn: #F0A03C; --btn-dark: #D98A28;
    --ov-thu: #46806D; --ov-chi: #A85949;
    --av-nha-nen: #16382C;   --av-nha-chu: #7EC2A5;   /* 6,20:1 */
    --av-viec-nen: #17322A;  --av-viec-chu: #85C6AE;  /* 7,00:1 */
    --av-khach-nen: #2A2A28; --av-khach-chu: #DCD8D0; /* 10,12:1 */
    --bong-the: none; --vien-the: 1px solid var(--border);
    color-scheme: dark;
  }
}

/* --------------------------------------------------------------------------
   2. EP TOI DU MAY DANG SANG — Cai dat › De nhin hon › Nen: [luon toi]
   -------------------------------------------------------------------------- */
:root[data-nen="toi"] {
  --bg: #121C18; --card: #1B2823; --card-2: #212E29; --nen-chim: #0C1512;
  --text: #E8EFEA; --muted: #A9B8B0; --border: #2B3A33; --vien-o-nhap: #6E7F76;
  --blue-900: #78B69D; --blue-800: #62A087; --blue-600: #71AD96;
  --blue-100: #4E7A69; --blue-50: #0F2E25;
  --chu-tren-chinh: #0A2019;
  --green: #5DCAA5; --green-bg: #0F2E25; --green-mang: #5DCAA5;
  --red: #FF8A75; --red-bg: #331A16; --red-mang: #FF8A75; --red-nut: #E0604A;
  --amber: #FFC46B; --amber-bg: #33260F; --amber-mang: #FFC46B;
  --warm: #F4B267; --warm-bg: #33260F; --btn: #F0A03C; --btn-dark: #D98A28;
  --ov-thu: #46806D; --ov-chi: #A85949;
  --av-nha-nen: #16382C;   --av-nha-chu: #7EC2A5;   /* 6,20:1 */
  --av-viec-nen: #17322A;  --av-viec-chu: #85C6AE;  /* 7,00:1 */
  --av-khach-nen: #2A2A28; --av-khach-chu: #DCD8D0; /* 10,12:1 */
  --bong-the: none; --vien-the: 1px solid var(--border);
  color-scheme: dark;
}

/* --------------------------------------------------------------------------
   3. PHAN TANG BANG VIEN, KHONG BANG BONG
   Bong den tren nen den la VO HINH. Mat the #1B2823 tren nen app #121C18 chi
   hon nhau 1,14 lan — khong co vien thi khong thay ranh gioi the o dau.

   Hai bien --bong-the / --vien-the khai TRONG bang mau o tren, nen khoi nay
   KHONG phai viet hai lan. Che do sang: bien chua khai => an gia tri du phong
   trong var(...) => sang GIU NGUYEN TUNG PIXEL.
   -------------------------------------------------------------------------- */
.card, .panel, .line, .stat, .tx-item, .wallet-chip,
.report-cards .rc, .book-sum div, .cs-detail, .ov-viec, .msg.ai {
  border: var(--vien-the, none);
}

/* --------------------------------------------------------------------------
   4. ANH GIAY TO — ha sang nhe cho do choi, KHONG duoi 92%
   CCCD, hop dong, bien lai la CHUNG CU: phai doc duoc. Ha sau hon la lam hong
   chung cu de lay mot chut de chiu cho mat.
   -------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-nen="sang"]) img.giay-to,
  :root:not([data-nen="sang"]) .htv-o img { filter: brightness(.92); }
}
:root[data-nen="toi"] img.giay-to,
:root[data-nen="toi"] .htv-o img { filter: brightness(.92); }

/* --------------------------------------------------------------------------
   5. 🔴 BAN IN LUON LA NEN SANG
   May in khong in nen toi — in ra chi ton muc va mat chu. Go khoi nay thi
   hop dong, hoa don, bien ban ban giao in ra den si.
   in-an-cu.css nap voi media="print" va nap SAU file nay, nen ba ma loi o day
   chi la duong lui khi in-an-cu.css chua tai.
   -------------------------------------------------------------------------- */
@media print {
  :root, :root[data-nen="toi"] {
    --bg: #FAF6EF; --card: #fff; --card-2: #EFEAE1; --nen-chim: #F0EAE0;
    --text: #1F2A24; --muted: #5F6D65; --border: #E6DFD3; --vien-o-nhap: #8A8F86;
    --blue-900: #062A1E; --blue-800: #0E5C43; --blue-600: #17795A;
    --blue-100: #BCDDCF; --blue-50: #E3F0EA;
    --chu-tren-chinh: #fff;
    --green: #0B5C44; --green-bg: #E1F5EE; --green-mang: #1D9E75;
    --red: #B32A1B; --red-bg: #FAECE7; --red-mang: #D8402F; --red-nut: #C6351F;
    --amber: #8F5A10; --amber-bg: #FAEEDA; --amber-mang: #BA7517;
    --warm: #F0A03C; --warm-bg: #FDF0DC; --btn: #B4530F; --btn-dark: #8E3F0A;
    --ov-thu: #CFE0D8; --ov-chi: #EFD3CC;
    --av-nha-nen: #BCDDCF;   --av-nha-chu: #0E5C43;
    --av-viec-nen: #D3E9E0;  --av-viec-chu: #20503F;
    --av-khach-nen: #F3EEE6; --av-khach-chu: #1F2A24;
    --bong-the: none; --vien-the: none;
    color-scheme: light;
  }
  img.giay-to, .htv-o img { filter: none; }
}