/* ZAKAS — token giao diện dùng chung (MỘT nguồn giá trị; đặc tả 2026-11-03 mục 6.6).
   Quản trị (/quantri) nạp trực tiếp tệp này. Kiosk và màn Chef GIỮ bản sao có chú thích trong kiosk.css / chef.css
   (service worker kiosk chỉ cache-first static/kiosk + static/brand nên kiosk không nạp tệp ngoài);
   tests/quantri/test_token_kiosk.py giữ các màu chính khớp nhau. */
:root {
  --bg: #F8F7F3;
  --ink: #26342F;
  --muted: #6b766f;
  --card: #fff;
  --line: #e3dfd3;
  --green: #20362F;
  --gold: #C8AA70;
  --accent: #2f6b57;
  --accent-ink: #fff;
  --truoc: #8a7a52;
  --warn-bg: #fbf0d3;
  --warn-ink: #7a5410;
  --warn-line: #e6cf91;
  --err: #b3261e;
  --err-bg: #fbe7e4;
  --ok-bg: #d8eddf;
  --ok-ink: #1d5a37;
  --info-bg: #e3eef6;
  --info-ink: #1f4f73;
  /* Biểu đồ: 5 màu định danh, thứ tự cố định, không xoay vòng (validate_palette: sáng — CVD ΔE ≥ 10,4, mọi màu
     ≥ 3:1 trên thẻ); màu thứ 6 trở đi gộp "Khác" (xám). Heatmap: thang một sắc xanh, nhạt → đậm. */
  --bd-1: #1d7d52;
  --bd-2: #c9852a;
  --bd-3: #3b6fb0;
  --bd-4: #c4553d;
  --bd-5: #7d5a9e;
  --bd-khac: #8d958f;
  --bd-n1: #e3efe7;
  --bd-n2: #b7d8c4;
  --bd-n3: #7fb898;
  --bd-n4: #3f8d66;
  --bd-n5: #1a5139;
  --bd-tot: #1d7d52;
  --bd-xau: #b3261e;
  --font: "Be Vietnam Pro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-1: 13px;
  --fs-2: 15px;
  --fs-3: 17px;
  --fs-4: 22px;
  --fs-5: 28px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --r-1: 10px;
  --r-2: 14px;
  --tap: 44px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141b18;
    --ink: #e8e6dc;
    --muted: #a1aca5;
    --card: #1d2723;
    --line: #32403a;
    --green: #0f1714;
    --accent: #7fc0a6;
    --accent-ink: #10201a;
    --truoc: #d9bd7e;
    --warn-bg: #3a3014;
    --warn-ink: #f1d98f;
    --warn-line: #6a5a22;
    --err: #ff8a80;
    --err-bg: #3b1d1a;
    --ok-bg: #1f3b2b;
    --ok-ink: #9fd9b4;
    --info-bg: #1b2d3b;
    --info-ink: #a9cdea;
    /* bậc riêng cho nền tối, cùng 5 sắc (CVD ΔE ≥ 6,5 → biểu đồ luôn kèm nhãn chữ + khe 2px) */
    --bd-1: #2f9a6a;
    --bd-2: #bf8231;
    --bd-3: #5a88cf;
    --bd-4: #d9634d;
    --bd-5: #a07cc8;
    --bd-khac: #7b857f;
    --bd-n1: #22342b;
    --bd-n2: #2c5141;
    --bd-n3: #3c7a5c;
    --bd-n4: #5aa57f;
    --bd-n5: #9fd9b4;
    --bd-tot: #5aa57f;
    --bd-xau: #ff8a80;
  }
}