/* Moi mau, co chu, khoang cach lay tu day. File CSS module CAM ghi ma mau truc tiep. */
:root{
  /* Mau chinh - doi theo chu de nguoi dung chon. Ba dong nay la ban DU PHONG cho luc the <html> chua kip co data-chu-de, nen phai bang dung chu de mac dinh "xanh_duong" ben duoi. */
  --mau-chinh:#0070f4;
  --mau-chinh-dam:#005bc6;
  --mau-chinh-nhat:#e6f1fe;
  --mau-chinh-chu:#ffffff;

  /* Mau trang thai */
  --mau-thanh-cong:#1e9e5a; --nen-thanh-cong:#e6f6ed;
  --mau-canh-bao:#d98a00;   --nen-canh-bao:#fdf3e0;
  --mau-loi:#d64545;        --nen-loi:#fdeaea;
  --mau-thong-tin:#2b7fd4;  --nen-thong-tin:#e8f1fd;

  /* Nen va chu */
  --nen:#f2f4f7; --nen-the:#ffffff; --nen-phu:#f5f7fa;
  --vien:#e4e8ee; --vien-dam:#ccd2dc;
  --chu:#212b36; --chu-phu:#5f6b7a; --chu-mo:#9aa3b4;

  /* Co chu - 6 muc, khong dung co khac */
  --chu-11:12px;   --chu-12:12.5px; --chu-13:13.5px;
  --chu-14:14.5px; --chu-16:16.5px; --chu-20:21px;
  --gian-dong:1.5;

  /* Khoang cach - boi so cua 4 */
  --cach-1:4px; --cach-2:8px; --cach-3:12px;
  --cach-4:16px; --cach-5:24px; --cach-6:32px;

  --bo-goc:6px; --bo-goc-lon:10px;
  --do-bong:0 1px 3px rgba(16,24,40,.08);
  --do-bong-noi:0 6px 24px rgba(16,24,40,.14);
  --font:"Inter","Roboto","Helvetica Neue","Segoe UI",Arial,sans-serif;

  --cao-dau-trang:56px;
  --cao-menu:44px;
  --rong-cot-loc:248px;
  --rong-canh-crm:238px;
  --rong-canh-gon:56px;
}

/* Chin chu de mau - bam vao nut Chu de tren thanh dau trang de doi. Khop thu tu chin o tren bang chon */
[data-chu-de="xanh_duong"]{--mau-chinh:#0070f4;--mau-chinh-dam:#005bc6;--mau-chinh-nhat:#e6f1fe}
[data-chu-de="xam_den"]   {--mau-chinh:#4b6580;--mau-chinh-dam:#3d5268;--mau-chinh-nhat:#edf0f2}
[data-chu-de="xanh_la"]   {--mau-chinh:#27ae61;--mau-chinh-dam:#208d4f;--mau-chinh-nhat:#e9f7ef}
[data-chu-de="tim"]       {--mau-chinh:#7c4dbd;--mau-chinh-dam:#643e99;--mau-chinh-nhat:#f2edf8}
[data-chu-de="do"]        {--mau-chinh:#d64457;--mau-chinh-dam:#ad3746;--mau-chinh-nhat:#fbecee}
[data-chu-de="xam_xanh"]  {--mau-chinh:#6e9992;--mau-chinh-dam:#597c76;--mau-chinh-nhat:#f0f5f4}
[data-chu-de="ngoc"]      {--mau-chinh:#16a085;--mau-chinh-dam:#12826c;--mau-chinh-nhat:#e8f6f3}
[data-chu-de="cam"]       {--mau-chinh:#e67e22;--mau-chinh-dam:#ba661c;--mau-chinh-nhat:#fcf2e9}
[data-chu-de="hong"]      {--mau-chinh:#d73b8c;--mau-chinh-dam:#ae3071;--mau-chinh-nhat:#fbebf4}

/* Nen sang dung cac bien nay, de mot cong thuc chay duoc ca hai che do. PHAI viet TRUOC khoi [data-nen="toi"] ben duoi: hai selector nang ngang nhau nen cai nao viet sau se de len cai truoc. */
:root{--nen-dau-bang:var(--mau-chinh-nhat); --nen-hover:#f6faff; --chu-tren-mau:#ffffff;}
/* Chu tren dong to mau khu Tiep nhan (tr.dong-kh-* o chung.css) - o nao can theo mau chu cua dong thi dung bien nay */
:root{--chu-dong-mau:#111827}
/* Chu DEN dam hon --chu: noi dung phai den ro nhu ban goc (ma + ten hang dong dich vu the Sua chua, ten / ma trong hop bao hanh man quay) */
:root{--chu-den:#111827}
/* Dong bao nen vang tren bang hang hoa don sua chua (.ct-dong-bao) - giu nguyen o ca nen toi, chu toi tren nen vang */
:root{--nen-dong-bao:#fff8e6; --vien-dong-bao:#f0e2bd; --chu-dong-bao:#212b36}
/* LOP PHU KHI RE CHUOT VAO DONG BANG - phu mo len nen that cua dong; mau nen co dinh se nuot mau nen rieng cua dong. */
:root{--phu-hover:rgba(0,0,0,.06)}
/* Nen ro chuot pha rat nhat tu mau chu de - doi chu de thi doi theo. Dong tren da dat san mot ma co dinh lam ban du phong. */
:root{--nen-hover:color-mix(in srgb, var(--mau-chinh) 6%, #ffffff)}

/* NEN TOI - bat bang nut "Chủ đề" tren thanh dau trang. Chi dao bo bien o day; mau chinh cua chu de van giu nguyen nen doi mau tai khoan nao cung chay dung o ca hai nen. */
/* Chieu cao chuan cua mot o nhap - dung de canh giua o tick / nut cung hang */
:root{ --cao-o-nhap:36px; }

[data-nen="toi"]{
  --nen:#161b22; --nen-the:#1c2330; --nen-phu:#222b38;
  --vien:#2c3644; --vien-dam:#3b4757;

  /* Chu SANG tren nen toi: chu chinh gan trang, chu phu va chu mo sang theo. */
  --chu:#f2f6fb; --chu-phu:#c6d0de; --chu-mo:#95a1b3;
  --chu-dong-mau:var(--chu);
  --chu-den:var(--chu);

  /* Nen dau bang / hang di chuot: pha mau chinh vao nen toi. nen-dau-bang khai lai theo TUNG chu de o khoi ben duoi. */
  --nen-dau-bang:#26344a; --nen-hover:#232d3d;
  /* Nen toi phu TRANG 7%: phu den len nen toi khong phan biet duoc dong dang re chuot. */
  --phu-hover:rgba(255,255,255,.07);

  --mau-chinh-nhat:#22344d;
  --nen-thanh-cong:#16321f; --nen-canh-bao:#33280f; --nen-loi:#3a1e1e; --nen-thong-tin:#16283f;
  --do-bong:0 1px 3px rgba(0,0,0,.5);
  --do-bong-noi:0 6px 24px rgba(0,0,0,.6);
  color-scheme:dark;
}

/* Nen toi + tung chu de mau: thanh tieu de bang va nen nhat cua chu de deu pha theo mau dang chon. */
/* Tron mau chu de vao nen toi (#1c2330): 20% cho dau bang, 13% cho nen nhat. */
[data-nen="toi"][data-chu-de="xanh_duong"]{--nen-dau-bang:#163257;--mau-chinh-nhat:#182d49}
[data-nen="toi"][data-chu-de="xam_den"]   {--nen-dau-bang:#253040;--mau-chinh-nhat:#222c3a}
[data-nen="toi"][data-chu-de="xanh_la"]   {--nen-dau-bang:#1e3f3a;--mau-chinh-nhat:#1d3536}
[data-nen="toi"][data-chu-de="tim"]       {--nen-dau-bang:#2f2b4c;--mau-chinh-nhat:#282842}
[data-nen="toi"][data-chu-de="do"]        {--nen-dau-bang:#412a38;--mau-chinh-nhat:#342735}
[data-nen="toi"][data-chu-de="xam_xanh"]  {--nen-dau-bang:#2c3b44;--mau-chinh-nhat:#27323d}
[data-nen="toi"][data-chu-de="ngoc"]      {--nen-dau-bang:#1b3c41;--mau-chinh-nhat:#1b333b}
[data-nen="toi"][data-chu-de="cam"]       {--nen-dau-bang:#44352d;--mau-chinh-nhat:#362f2e}
[data-nen="toi"][data-chu-de="hong"]      {--nen-dau-bang:#412842;--mau-chinh-nhat:#34263c}