/* =========================================================
   tokens.css — Nguồn chân lý DUY NHẤT cho màu nhận diện SOS Môi trường.
   Bám Sổ tay thương hiệu v1.0:
     Xanh lá #8CC63E (không khí) · Vàng #FFF100 (cảnh báo, chữ đen)
     Xanh biển #0071BB (biển)    · Đen #000000
   Quy tắc: vàng CHỈ làm nền cảnh báo, chữ trên nền vàng phải ĐEN.
   Giai đoạn 1: token bổ sung (additive), chưa thay thế biến cũ trong các CSS khác.
   ========================================================= */
:root {
  /* Màu thương hiệu chính thức */
  --sos-green: #8cc63e;
  --sos-green-strong: #6fae28;
  --sos-yellow: #fff100;
  --sos-on-yellow: #000000;
  --sos-blue: #0071bb;
  --sos-blue-strong: #005b96;
  --sos-black: #000000;

  /* Vai trò semantic (dùng dần ở các giai đoạn sau) */
  --sos-primary: var(--sos-blue);
  --sos-primary-strong: var(--sos-blue-strong);
  --sos-on-primary: #ffffff;
  --sos-accent: var(--sos-green);
  --sos-warning-bg: var(--sos-yellow);
  --sos-warning-text: #000000;

  /* Gạch nhận diện 3 màu (lá → vàng → biển) */
  --sos-id-bar: linear-gradient(90deg,
    var(--sos-green) 0 33.34%,
    var(--sos-yellow) 33.34% 66.67%,
    var(--sos-blue) 66.67% 100%);
}

/* Dark theme dùng cơ chế body.theme-dark sẵn có của hệ thống */
body.theme-dark {
  --sos-primary: #3b9be8;
  --sos-primary-strong: #67b2ef;
  --sos-on-primary: #04101f;
  --sos-green: #a3d65f;
  --sos-green-strong: #b6e072;
}