/* Token màu + chữ dùng CHUNG cho các trang tĩnh ở public/.
 *
 * VÌ SAO CÓ FILE NÀY: trước đây 8 trang mỗi trang tự khai :root riêng — 34 tên biến cho
 * ~10 khái niệm, và tên MÂU THUẪN nhau (--mint là vệt lime mờ ở trang này nhưng là xanh
 * đặc ở trang kia). Đổi một màu tốn 8 lần sửa, nên web trôi khỏi app lúc nào không hay.
 *
 * QUY TẮC KHÔNG ĐƯỢC PHÁ:
 *   --brand (lime #B6FF3C) CHỈ dùng làm NỀN ĐẶC hoặc VIỀN. Lime làm chữ trên nền sáng
 *   chỉ đạt 1.21:1 — không đọc được. Cần lime "làm chữ" thì dùng --brand-ink.
 *   Chữ nằm TRÊN nền lime phải là --on-brand (tối), không phải trắng.
 *
 * PHẠM VI: đây là token của CHROME trang (nền sáng). Khung tài liệu A4 — tờ CV trong
 * tao-cv.html, đơn từ trong bieu-mau.html — CỐ Ý giữ nền trắng để in PDF sạch và có bộ
 * token --paper* riêng, khai tại chỗ. Đừng gộp hai thứ đó vào đây.
 */
:root{
  /* Nền */
  --bg:#FFFFFF;                       /* nền trang — thuần trắng */
  --panel:#FFFFFF;                    /* thẻ, khối nổi */
  --raised:#EDF1EC;                   /* mảng chìm nhẹ */

  /* Mực — 3 bậc, đo được 18:1 / 6.6:1 / 4.5:1 trên --bg */
  --ink:#0A0F0D;
  --muted:#4A5A54;
  --faint:#64736C;

  /* Đường kẻ */
  --line:#E4EAE5;
  --line-strong:#CDD8D1;

  /* Thương hiệu */
  --brand:#B6FF3C;                    /* CHỈ nền đặc + viền */
  --brand-ink:#3F6212;                /* CHỈ chữ/icon */
  --on-brand:#0A0F0D;                 /* chữ TRÊN nền lime */
  --brand-wash:rgba(182,255,60,.28);  /* vệt lime mờ làm nền nhấn */

  /* Trạng thái */
  --success:#076B4A;
  --warn:#B45309;
  --warn-wash:rgba(180,83,9,.08);

  /* Chữ */
  --disp:'Space Grotesk',sans-serif;
  --mono:'JetBrains Mono',monospace;
}