/* Design token sieutut — oklch, trích đúng từ mockup v2. Tối mặc định; sáng qua html[data-theme=light]. */
:root, body {
  --bg: oklch(0.145 0.022 268);
  --surface: oklch(0.185 0.026 268);
  --ink: oklch(0.94 0.012 250);
  --sub: oklch(0.75 0.02 255);
  --faint: oklch(0.64 0.025 262);
  --line: oklch(0.27 0.032 268);
  --chip: oklch(0.225 0.03 268);
  --accent: oklch(0.8 0.126 205);
  --accent2: oklch(0.68 0.17 300);
  --accent-ink: oklch(0.13 0.03 262);
  --ok: oklch(0.78 0.14 160);
  --warn: oklch(0.75 0.14 55);
  /* Chữ đặt trên nền NHUỘM CÙNG MÀU (huy hiệu "đã xác minh"…). Nền tối thì màu gốc đã đủ
     tương phản nên dùng lại nguyên; theme sáng phải hạ riêng — xem chú thích bên dưới. */
  --ok-ink: var(--ok);
  --warn-ink: var(--warn);
  --shadow: 0 1px 2px oklch(0 0 0 / 0.35), 0 10px 32px oklch(0 0 0 / 0.4);
  --glow: 0 0 18px color-mix(in oklab, var(--accent) 32%, transparent);
  --radius: 14px;
  --maxw: 100vw; /* FULL MÀN HÌNH (anh Đạo chốt 2026-07-23): không chừa 2 bên cho quảng cáo — bỏ khung 1180px cũ */
}
html[data-theme="light"], html[data-theme="light"] body {
  --bg: oklch(0.975 0.006 255);
  --surface: oklch(1 0 0);
  --ink: oklch(0.2 0.025 262);
  --sub: oklch(0.42 0.02 258);
  --faint: oklch(0.48 0.018 258);
  --line: oklch(0.9 0.012 255);
  --chip: oklch(0.945 0.01 252);
  --accent: oklch(0.49 0.125 220); /* hạ từ 0.52 mockup: đạt tương phản ≥4.5 trên nền chip (axe, theme sáng mặc định) */
  --accent2: oklch(0.5 0.17 300);
  --accent-ink: oklch(1 0 0);
  --ok: oklch(0.55 0.12 158);
  --warn: oklch(0.58 0.15 45);
  /* Hạ độ sáng RIÊNG cho chữ trên nền nhuộm: màu gốc của mockup đặt trên nền nhuộm 12% chỉ
     đạt 3.91:1 (đo bằng axe, cần 4.5:1 vì chữ 11px). Chỉ đổi đúng chỗ chữ-trên-nền-nhuộm,
     --ok/--warn dùng cho viền và biểu tượng vẫn giữ nguyên đúng mockup. Cùng cách đã làm
     với --accent ở trên. */
  --ok-ink: oklch(0.44 0.11 158);
  --warn-ink: oklch(0.45 0.14 45);
  --shadow: 0 1px 2px oklch(0.2 0.04 262 / 0.06), 0 8px 24px oklch(0.2 0.04 262 / 0.08);
  --glow: 0 0 14px color-mix(in oklab, var(--accent) 22%, transparent);
}