/* Biến thiết kế: mọi màu và hiệu ứng dùng chung nằm ở đây. Đổi giao diện = đổi tệp này. */
:root{
  /* nền và chữ: nền ivory, thẻ trắng viền kem, chữ xanh than (chủ sản phẩm 12/10/2026) */
  --bg:#FFFFF0; --surface:#FFFFFF; --panel:#FFFEF8; --field:#FFFFFF;
  --ink:#1F2433; --ink2:#363E52; --ink3:#5B6374;
  --line:#DDD6BF; --line2:#EDE7D5;
  --hover:rgba(11,124,147,.08); --head-bg:#F8F4E6; --menu-bg:#FFFFFF; --chip-bg:#FFFFFF; --topbar:rgba(255,255,240,.94);
  --shadow:0 1px 3px rgba(70,60,30,.08),0 6px 18px rgba(70,60,30,.06);

  /* thanh bên (giữ nền xanh chàm, chữ sáng) */
  --navy:#2B3C8C; --navy2:#3B4EA6; --navyline:rgba(220,230,255,.28); --navytext:#EAF0FF; --navymute:#D5E1FF;
  --side-a:#3446A0; --side-b:#27378A;

  /* màu nhấn: lam ngọc đậm cho nút, tiêu đề, liên kết; chữ trên nền nhấn là --on-neon (trắng) */
  --neon:#0B7C93; --neon-soft:#0A6E83; --neon-text:#0A6C80; --on-neon:#FFFFFF;
  --green:#1E8E4E; --yellow:#E0A100; --amber:#C77700; --amber-bar:#E0A100;
  --red:#D0103F; --red-line:#E85A7E; --red-text:#B70E38;

  /* tên cũ giữ lại cho các trang đang dùng */
  --primary:var(--neon); --primary-d:#09687C; --primary-l:rgba(11,124,147,.12);
  --fin:var(--green); --fin-bg:rgba(30,142,78,.10);
  --prog:#0B7C93; --prog-bg:rgba(11,124,147,.10);
  --pend:#9A6A00; --pend-bg:rgba(224,161,0,.14);
  --late:var(--red-text); --late-bg:rgba(208,16,63,.10);
  --none:#6B7280; --none-bg:rgba(107,114,128,.10);

  /* các mốc lịch dự án (đủ đậm trên nền sáng) */
  --m-design:#E67E00; --m-jig:#0BA5C4; --m-assy:#C2259E; --m-io:#1E9E5A; --m-prog:#8FA300; --m-adj:#5C6BC0; --m-del:#00968A;

  /* biểu đồ; --p1..--p9 là màu từng trường dữ liệu (Ui.Neon) */
  --neon-track:#ECE6D3; --neon-center:#FFFFFF;
  --p1:#0B7C93; --p2:#C2259E; --p3:#E67E00; --p4:#1E8E4E; --p5:#5C6BC0; --p6:#8FA300; --p7:#B70E38; --p8:#00968A; --p9:#7A4FBF;

  /* bóng nhẹ thay cho hiệu ứng phát sáng neon */
  --glow:0 1px 2px rgba(11,124,147,.25);
  --glow-red:0 1px 2px rgba(208,16,63,.25);

  /* nền thông báo thành công, dòng mục đang chọn ở thanh bên */
  --ok-bg:#EAF6EF; --nav-on-bg:#FFFFF0; --nav-on-ink:var(--navy);
  --scrim:rgba(31,36,51,.35);

  --sans:'IBM Plex Sans',system-ui,'Segoe UI','Segoe UI Emoji','Noto Color Emoji',sans-serif; --mono:'IBM Plex Mono',ui-monospace,Consolas,'Segoe UI Emoji',monospace;
  color-scheme:light dark;
}

/* Giao diện tối theo cài đặt hệ thống (chủ sản phẩm 12/10/2026): nền than xám, thẻ xám đậm, chữ sáng, màu nhấn lam ngọc sáng hơn cho đủ tương phản. */
/* Tối theo hệ thống, trừ khi người dùng chọn Sáng (nút ở thanh bên lưu vào trình duyệt: html[data-theme]). */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#13161D; --surface:#1B1F28; --panel:#20252F; --field:#161A22;
    --ink:#E8EAF0; --ink2:#CBD0DC; --ink3:#9AA2B4;
    --line:#343B4A; --line2:#272D39;
    --hover:rgba(43,179,204,.10); --head-bg:#222833; --menu-bg:#20252F; --chip-bg:#1B1F28; --topbar:rgba(19,22,29,.94);
    --shadow:0 1px 3px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.3);

    --navy:#24306E; --navy2:#2F3C82; --side-a:#24306E; --side-b:#1A2356;

    --neon:#2BB3CC; --neon-soft:#4CC3D9; --neon-text:#6FD3E6; --on-neon:#04161C;
    --green:#3CC47A; --yellow:#F2C230; --amber:#F0A030; --amber-bar:#F2C230;
    --red:#E0244F; --red-line:#FF6B93; --red-text:#FF8FAB;

    --primary-d:#1F9AB1; --primary-l:rgba(43,179,204,.16);
    --fin-bg:rgba(60,196,122,.14);
    --prog:#4CC3D9; --prog-bg:rgba(43,179,204,.14);
    --pend:#F2C230; --pend-bg:rgba(242,194,48,.14);
    --late-bg:rgba(224,36,79,.16);
    --none:#A3ABBD; --none-bg:rgba(163,171,189,.12);

    --m-design:#FF9A2E; --m-jig:#2BC6E6; --m-assy:#E04FC0; --m-io:#3CC47A; --m-prog:#B8D12E; --m-adj:#8C9AF0; --m-del:#2BC4B4;

    --neon-track:#2C3240; --neon-center:#1B1F28;
    --p1:#2BB3CC; --p2:#E04FC0; --p3:#FF9A2E; --p4:#3CC47A; --p5:#8C9AF0; --p6:#B8D12E; --p7:#FF6B8B; --p8:#2BC4B4; --p9:#A98BF0;
    --glow:0 1px 2px rgba(43,179,204,.35);
    --glow-red:0 1px 2px rgba(224,36,79,.35);

    --ok-bg:#183326; --nav-on-bg:#13161D; --nav-on-ink:#FFFFFF;
    --scrim:rgba(0,0,0,.55);
  }
}
/* Người dùng chọn Tối: cùng bộ màu như trên (sửa màu tối thì sửa cả hai khối). */
:root[data-theme="dark"]{
  --bg:#13161D; --surface:#1B1F28; --panel:#20252F; --field:#161A22;
  --ink:#E8EAF0; --ink2:#CBD0DC; --ink3:#9AA2B4;
  --line:#343B4A; --line2:#272D39;
  --hover:rgba(43,179,204,.10); --head-bg:#222833; --menu-bg:#20252F; --chip-bg:#1B1F28; --topbar:rgba(19,22,29,.94);
  --shadow:0 1px 3px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.3);

  --navy:#24306E; --navy2:#2F3C82; --side-a:#24306E; --side-b:#1A2356;

  --neon:#2BB3CC; --neon-soft:#4CC3D9; --neon-text:#6FD3E6; --on-neon:#04161C;
  --green:#3CC47A; --yellow:#F2C230; --amber:#F0A030; --amber-bar:#F2C230;
  --red:#E0244F; --red-line:#FF6B93; --red-text:#FF8FAB;

  --primary-d:#1F9AB1; --primary-l:rgba(43,179,204,.16);
  --fin-bg:rgba(60,196,122,.14);
  --prog:#4CC3D9; --prog-bg:rgba(43,179,204,.14);
  --pend:#F2C230; --pend-bg:rgba(242,194,48,.14);
  --late-bg:rgba(224,36,79,.16);
  --none:#A3ABBD; --none-bg:rgba(163,171,189,.12);

  --m-design:#FF9A2E; --m-jig:#2BC6E6; --m-assy:#E04FC0; --m-io:#3CC47A; --m-prog:#B8D12E; --m-adj:#8C9AF0; --m-del:#2BC4B4;

  --neon-track:#2C3240; --neon-center:#1B1F28;
  --p1:#2BB3CC; --p2:#E04FC0; --p3:#FF9A2E; --p4:#3CC47A; --p5:#8C9AF0; --p6:#B8D12E; --p7:#FF6B8B; --p8:#2BC4B4; --p9:#A98BF0;
  --glow:0 1px 2px rgba(43,179,204,.35);
  --glow-red:0 1px 2px rgba(224,36,79,.35);

  --ok-bg:#183326; --nav-on-bg:#13161D; --nav-on-ink:#FFFFFF;
  --scrim:rgba(0,0,0,.55);
}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}