/* Gói token dùng chung oPAM — CHỈ biến màu và biến font, KHÔNG một luật bố
 * cục nào (`display`, `grid`, `padding`, `margin`, `max-width`…).
 *
 * Lý do cấm bố cục ở đây (đặc tả giao diện mục 2a): ba trang dùng gói này
 * có bố cục khác hẳn nhau. Gói vừa mang màu vừa mang bố cục sẽ bị mỗi
 * trang đè lại một kiểu, và sau ba lượt không ai còn biết màu thật từ đâu.
 *
 * `:root` TRẦN mang bộ token ĐẦY ĐỦ (bằng đúng bộ SÁNG). Nếu `opam-theme.js`
 * ném lỗi trước khi gán `data-theme` thì trang không có thuộc tính đó — bộ
 * mặc định phải đủ, thiếu là trang trắng chữ trắng.
 *
 * FONT: `--chu` khai ĐÚNG MỘT LẦN, ở đây, trong khối `:root` trần. Ngăn xếp
 * font không đổi theo theme nên KHÔNG lặp lại ở hai khối `data-theme` —
 * `k2d21` khoá đúng một lần trên toàn tệp. Vì `--chu` không bị hai khối kia
 * ghi đè, giá trị khai ở `:root` vẫn áp dụng cho cả hai theme qua tầng kế
 * thừa CSS bình thường (thuộc tính không khai lại thì không bị đè).
 *
 * MÀU: `--vien` và `--nhan` của theme TỐI lệch giá trị so với bản gốc từng
 * nằm trong `console.css` (`--vien` #475569 -> #8b98ad, `--nhan` #2563eb ->
 * #4f95f7). Lý do: `uat/pm/localtest/do-tuong-phan.py` coi MỌI biến không
 * chứa "nen" là "chữ" và đòi tỉ lệ tương phản >= 4.5:1 với MỌI biến "nền"
 * trong cùng khối `:root` — kể cả với biến vốn dùng làm viền/nền nút. Giá
 * trị gốc chỉ đạt 2.36:1 (--vien) và 3.45:1 (--nhan) trên nền --nen, dưới
 * ngưỡng. Cần gạt buộc "đổi màu, đừng nới ngưỡng" nên hai giá trị này ĐÃ
 * đổi; sáu biến còn lại của theme TỐI giữ nguyên byte-for-byte. */
:root {
  --chu: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --nen: #f8fafc;
  --nen-2: #ffffff;
  --vien: #4a6079;
  --chu-mau: #0f172a;
  --nhan-mo: #3f5673;
  --canh-bao: #7f5407;
  --loi: #b91c1c;
  --nhan: #1d4ed8;
  --chu-tren-nhan: #ffffff;
  --ok: #166534;
  --bong: color-mix(in srgb, black 20%, transparent);
}

:root[data-theme="sang"] {
  --nen: #f8fafc;
  --nen-2: #ffffff;
  --vien: #4a6079;
  --chu-mau: #0f172a;
  --nhan-mo: #3f5673;
  --canh-bao: #7f5407;
  --loi: #b91c1c;
  --nhan: #1d4ed8;
  --chu-tren-nhan: #ffffff;
  --ok: #166534;
  --bong: color-mix(in srgb, black 20%, transparent);
}

:root[data-theme="toi"] {
  --nen: #0f172a;
  --nen-2: #1e293b;
  --vien: #8b98ad;
  --chu-mau: #e2e8f0;
  --nhan-mo: #94a3b8;
  --canh-bao: #fbbf24;
  --loi: #f87171;
  --nhan: #4f95f7;
  --chu-tren-nhan: #0f172a;
  --ok: #4ade80;
  --bong: color-mix(in srgb, black 55%, transparent);
}