/*
  Design tokens dung chung cho toan bo Web (QLCV Cong an Dien Bien).
  Nguon: docs/ui/04_mockup/A-01_shell_desktop.html + docs/ui/00_design_system.md.
  KHONG hard-code ma mau trong Views/** — moi noi chi dung var(--...) khai bao o day.
  Giao dien sang la giao dien DUY NHAT (CHOT THEME-01) — chi con khoi :root.
*/

:root {
  /* Neutral dai slate — nguon: bo bien khach hang */
  --bg: #F1F5F9;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --text-strong: #1E293B;
  --text: #334155;
  --text-muted: #64748B;
  --text-faint: #94A3B8;

  /* Thuong hieu DO CO #DA251D — 700=nut, 600=hover, 50/100=tonal */
  --brand: #DA251D;
  --pri-50: #FEF2F2;
  --pri-100: #FEE2E2;
  --pri-500: #C81E1E;
  --pri-600: #991B14;
  --pri-700: #B91C1C;
  --pri-800: #8F1A12;
  --pri-900: #6B120D;
  --btnsec-bd: #FCA5A5;
  --accent: #E6B450;
  --accent-soft: #FBF0D8;

  /* Sidebar DO DAC + muc dang chon = pill VANG HO PHACH */
  --sidebar-top: #DA251D;
  --sidebar-bot: #C41E17;
  --nav-active-bg: #E6B450;
  --nav-active-fg: #5A3D00;
  --late: #E11D48;
  --late-bg: #FFE4E6;

  /* O icon thong ke — nhieu mau theo ngu canh */
  --tint-amber-bg: #FFEDD5;
  --tint-amber-fg: #C2410C;
  --tint-violet-bg: #F3EEFC;
  --tint-violet-fg: #6D28D9;
  --tint-rose-bg: #FFE4E6;
  --tint-rose-fg: #E11D48;
  --tint-green-bg: #DCFCE7;
  --tint-green-fg: #15803D;
  --tint-blue-bg: #EFF6FF;
  --tint-blue-fg: #1D4ED8;
  --tint-teal-bg: #ECFDFF;
  --tint-teal-fg: #0E7490;
  --tint-cam-bg: #FFF1E6;
  --tint-cam-fg: #EA580C;
  --tint-brand-bg: #FEE2E2;
  --tint-brand-fg: #B91C1C;

  --ok: #15803D;
  --ok-bg: #DCFCE7;
  --warn: #C2410C;
  --warn-bg: #FFEDD5;
  --danger: #BE123C;
  --danger-bg: #FFE4E6;
  --info: #1D4ED8;
  --info-bg: #EFF6FF;

  --st-moigiao-bg: #EFF6FF;
  --st-moigiao-fg: #1D4ED8;
  --st-moigiao-bd: #DBEAFE;
  --st-danglam-bg: #FFEDD5;
  --st-danglam-fg: #C2410C;
  --st-danglam-bd: #FED7AA;
  --st-choduyet-bg: #FEF9C3;
  --st-choduyet-fg: #A16207;
  --st-choduyet-bd: #FDE68A;
  --st-hoanthanh-bg: #DCFCE7;
  --st-hoanthanh-fg: #15803D;
  --st-hoanthanh-bd: #BBF7D0;
  --st-trehan-bg: #FFE4E6;
  --st-trehan-fg: #E11D48;
  --st-trehan-bd: #FECDD3;

  --shadow-sm: 0 1px 2px rgba(16, 32, 54, .06), 0 1px 3px rgba(16, 32, 54, .05);
  --shadow-md: 0 2px 10px rgba(16, 32, 54, .08);
  --shadow-lg: 0 12px 40px rgba(16, 32, 54, .18);

  --sidebar: 280px;
  --font: 'Segoe UI', system-ui, -apple-system, 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --mono: 'Cascadia Code', 'SFMono-Regular', Consolas, 'Roboto Mono', monospace;
}