/* ADCODE — bộ chuẩn giao diện dùng chung cho MỌI trang (nạp tự động bởi app/includes/document_head.php).
   Các bộ biến riêng của từng trang (--ad-*, --tl-*, --gt-*, --bg/--text/--accent…) đều trỏ về các biến --a-* ở đây,
   nên muốn đổi font, cỡ chữ hay màu cho cả site chỉ cần sửa file này.
   Mỗi khu chỉ được đổi --a-zone (màu nhấn phụ): Giải trí, Học tập = cam; CodePK = xanh ngọc; còn lại = xanh ADCODE. */

@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/be-vietnam-pro-latin-400.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/be-vietnam-pro-vietnamese-400.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/be-vietnam-pro-latin-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/be-vietnam-pro-vietnamese-500.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/be-vietnam-pro-latin-600.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/be-vietnam-pro-vietnamese-600.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 700 900; font-display: swap; src: url("../fonts/be-vietnam-pro-latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 700 900; font-display: swap; src: url("../fonts/be-vietnam-pro-vietnamese-700.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

:root {
    /* Phông chữ */
    --a-font: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
    --a-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;

    /* Thang cỡ chữ (8 bậc) */
    --a-fs-2xs: 11px;   /* nhãn chữ in hoa, huy hiệu */
    --a-fs-xs: 12px;    /* chú thích */
    --a-fs-sm: 13px;    /* chữ phụ */
    --a-fs-md: 14px;    /* chữ nhỏ, nút */
    --a-fs-base: 16px;  /* thân bài */
    --a-fs-lg: 18px;    /* tiêu đề nhỏ */
    --a-fs-xl: 22px;    /* tiêu đề mục */
    --a-fs-2xl: 28px;   /* tiêu đề trang */
    --a-fs-3xl: clamp(28px, 3.4vw, 36px); /* tiêu đề lớn */

    /* Màu — nền sáng */
    --a-bg: #f6f7fa;
    --a-surface: #ffffff;
    --a-surface-2: #f1f4f9;
    --a-line: #e2e6ef;
    --a-text: #172335;
    --a-muted: #64718a;
    --a-primary: #3264ea;        /* nền nút chính (cả sáng lẫn tối) */
    --a-primary-hover: #2451c7;
    --a-on-primary: #ffffff;
    --a-accent: #3264ea;         /* chữ / liên kết / viền nhấn */
    --a-accent-soft: #eaf0ff;
    --a-good: #15803d;
    --a-good-soft: #dcfce7;
    --a-bad: #c62f3b;
    --a-bad-soft: #fdecee;
    --a-warn: #b45309;
    --a-warn-soft: #fff4dc;
    --a-zone: var(--a-accent);   /* màu nhấn phụ theo khu */
    --a-zone-soft: var(--a-accent-soft);

    /* Hình khối */
    --a-radius-sm: 8px;
    --a-radius: 12px;
    --a-radius-lg: 16px;
    --a-radius-xl: 20px;
    --a-shadow-sm: 0 2px 8px rgba(23, 35, 53, 0.06);
    --a-shadow: 0 12px 44px rgba(23, 35, 53, 0.08);
    --a-shadow-lg: 0 18px 50px rgba(23, 35, 53, 0.14);

    /* Khu vực riêng — admin chỉnh trong Quản lý › Giao diện (bản ghi đè sinh ra ở css/theme-overrides.css) */
    --a-input-bg: #e8eef9;           /* ô nhập trong hộp đăng nhập */
    --a-cta: #ff9f1c;                /* nút "Đăng ký ngay" */
    --a-cta-hover: #ffb347;
    --a-on-cta: #2b1600;
    --a-auth-accent: #ffd400;        /* nút và gạch chân trong hộp đăng nhập */
    --a-auth-accent-2: #eab308;
    --a-on-auth-accent: #92400e;
    --a-auth-tab: #8b4513;
    --a-team-head: linear-gradient(135deg, #1f5fbf, #3d8bf0 60%, #6fb2ff); /* dải trên thẻ giáo viên */
    --a-header-bg: var(--a-surface);    /* thanh menu trên cùng */
    --a-header-text: var(--a-text);
    --a-footer-bg: transparent;
    --a-footer-text: var(--a-muted);
}

/* Màu — nền tối */
html[data-theme="dark"] {
    --a-bg: #101827;
    --a-surface: #172234;
    --a-surface-2: #1d2a40;
    --a-line: #2b3950;
    --a-text: #e4eafa;
    --a-muted: #a2aec3;
    --a-accent: #86a7ff;
    --a-accent-soft: #263955;
    --a-good: #7fd4a8;
    --a-good-soft: rgba(127, 212, 168, 0.14);
    --a-bad: #f08a7a;
    --a-bad-soft: rgba(240, 138, 122, 0.14);
    --a-warn: #f4c06a;
    --a-warn-soft: rgba(244, 192, 106, 0.14);
    --a-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --a-shadow: 0 12px 44px rgba(0, 0, 0, 0.25);
    --a-shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.35);
    --a-input-bg: #1e2d4a;
    --a-auth-tab: #dca180;
}

/* Màu nhấn phụ theo khu (bước 4): chỉ đổi điểm nhấn, nền/chữ/viền vẫn dùng chung */
html.zone-orange, html:has(body.zone-orange) { --a-zone: #c2410c; --a-zone-soft: #fff1e8; }
html[data-theme="dark"].zone-orange, html[data-theme="dark"]:has(body.zone-orange) { --a-zone: #f1aa76; --a-zone-soft: rgba(241, 170, 118, 0.14); }
html.zone-teal, html:has(body.zone-teal) { --a-zone: #007c8c; --a-zone-soft: #e1f7f9; }
html[data-theme="dark"].zone-teal, html[data-theme="dark"]:has(body.zone-teal) { --a-zone: #4ce8ff; --a-zone-soft: rgba(76, 232, 255, 0.12); }