/* ============================================================================
   CDVHT — DESIGN TOKEN (hướng "Bento tươi sáng" / TD-2)

   FILE NÀY LÀ CHỖ DUY NHẤT TRONG CSS ĐƯỢC PHÉP CÓ MÃ HEX.
   Mọi file CSS khác (trang-chu.css) chỉ được dùng var(--…).
   Nguồn chốt: docs/DESIGN_SYSTEM.md (repo cha) · 03c-chot-dung-trang-that.md mục 2
             · 05-techlead-fe.md T2 (bảng token, không thêm token nào ngoài bảng).

   Số contrast trong comment đo bằng công thức WCAG 2.1 relative luminance,
   không chép từ tài liệu khác. Nạp SAU style.css / widgets.css / responsive.css.
   ========================================================================== */

:root {
    /* --- Thương hiệu ------------------------------------------------------ */
    /* chữ trên trắng 5,17:1 · trắng trên nó 5,17:1 */
    --primary: #2563EB;
    /* trắng trên nó 6,70:1 — nền đậm, footer */
    --primary-700: #1D4ED8;
    /* chữ trên trắng 8,72:1 · trên --paper 7,91:1 */
    --primary-ink: #1E40AF;

    /* --- Màu nhấn --------------------------------------------------------- */
    /* CHỈ LÀM NỀN. --ink trên nó 9,67:1. Cấm dùng làm màu chữ. */
    --accent: #F4B400;
    /* Màu CHỮ vàng duy nhất được phép: trên trắng 5,11:1 · trên --paper 4,63:1
       · trên --accent-soft 4,73:1. Thay cho màu vàng-chữ của demo, vốn chỉ đạt
       3,25:1 trên trắng nên KHÔNG ĐẠT WCAG AA; mã đó bị cấm dùng ở mọi nơi trong repo. */
    --accent-ink: #8D6800;
    /* nền chip vàng nhạt */
    --accent-soft: #FFF6DC;

    /* --- Nền và bề mặt ---------------------------------------------------- */
    --paper: #EFF4FF;
    --surface: #FFFFFF;
    --surface-2: #F8FAFC;
    /* nền khối Lộc Thánh */
    --cream: #F0EEE9;

    /* --- Chữ -------------------------------------------------------------- */
    /* trên trắng 17,85:1 · trên --paper 16,20:1 · trên --surface-2 17,06:1 */
    --ink: #0F172A;
    /* trên trắng 7,58:1 · trên --paper 6,88:1 */
    --ink-2: #475569;

    /* --- Viền ------------------------------------------------------------- */
    /* CHỈ kẻ viền — 1,23:1 trên trắng, CẤM làm màu chữ */
    --border: #E2E8F0;

    /* --- Bán kính bo góc -------------------------------------------------- */
    --radius: 16px;
    --radius-pill: 999px;
    --radius-round: 50%;

    /* --- Màu phụng vụ (namespace riêng) ----------------------------------- */
    /* KHÔNG BAO GIỜ dùng thay --primary / --accent. Chỉ cho ngữ cảnh mùa phụng vụ. */
    --liturgy-purple: #5B21B6;
    --liturgy-white: #FFFFFF;
    --liturgy-red: #991B1B;
    --liturgy-green: #15803D;
    /* 3,11:1 trên trắng ⇒ CHỈ làm nền chip (--ink trên nó 5,74:1) */
    --liturgy-rose: #DB7093;
}