/* ===================================================================
   ADG — Design tokens (TinhThanh CMS)
   Nguồn DUY NHẤT cho màu, chữ, khoảng cách, bo góc, bóng đổ.
   KHÔNG hard-code mã màu ở file khác; luôn dùng biến ở đây.

   Bảng màu dưới đây cố ý TRUNG TÍNH (xanh mực + xám). Mỗi dự án đổi
   khoảng 10 biến ở khối "Màu thương hiệu" và khối "Chữ" là ra bộ nhận
   diện riêng — không phải sửa file CSS nào khác.

   Tên biến là hợp đồng với 5 file CSS còn lại: ĐỔI GIÁ TRỊ, đừng đổi tên.
   =================================================================== */

:root {
    /* ---- Màu thương hiệu ADG (lấy mẫu từ mockup homepage.png) ---- */
    --c-primary: #004779;          /* navy tiêu đề / chữ nhấn */
    --c-primary-dark: #011a52;     /* nền tối, hover */
    --c-primary-darker: #01113a;   /* đậm nhất */
    --c-primary-soft: #1267ce;     /* xanh khối (hero tuyển sinh, nút) */
    --c-primary-mist: #eaf2fc;     /* nền rất nhạt, pill nhãn */
    --c-nav: #01477c;              /* thanh menu chính */
    --c-blue-deep: #174286;        /* nền section "Ngành đào tạo" */
    --c-blue-sky: #5aa9f2;         /* điểm sáng gradient */
    --c-cta-yellow: #ffe600;       /* nút menu thanh dưới mobile */
    --c-cta-blue: #2147d0;         /* nút hotline + viền menu thanh dưới mobile */
    --c-accent: #FD9E1E;           /* cam: CTA, nhãn, đường nhấn */
    --c-accent-dark: #e6870a;      /* cam đậm: hover */
    --c-accent-soft: #fff1dc;      /* cam nhạt: nền huy hiệu */
    --c-red: #f6002e;              /* số hotline */

    /* ---- Màu trung tính ---- */
    --c-ink: #0c1f4d;              /* chữ tiêu đề tối */
    --c-body: #4E5A7B;             /* chữ thân bài */
    --c-muted: #6b7a90;            /* chữ phụ */
    --c-line: #dfe7f3;             /* viền */
    --c-line-soft: #edf2f9;        /* viền rất nhạt */
    --c-bg: #ffffff;
    --c-bg-soft: #f4f8fd;          /* nền section xen kẽ */
    --c-white: #ffffff;

    /* ---- Trạng thái ---- */
    --c-success: #1a7f4b;
    --c-danger: #b3261e;
    --c-star: #e0a82e;

    /* Nen nhat cua ba mau trang thai — dung cho huy hieu, khoi thong bao (giỏ hàng, đơn hàng). */
    --c-success-soft: #e3f3ea;
    --c-danger-soft: #fbe6e5;
    --c-info: #02206a;
    --c-info-soft: #e7edf5;
    /* ---- Chữ ----
       Mặc định dùng FONT HỆ THỐNG: không phụ thuộc mạng, không tải thêm gì,
       hiển thị tiếng Việt tốt trên mọi máy. Dự án cần font riêng thì đổi hai
       biến này và thêm <link> Google Fonts trong Frontend/MasterPage.master. */
    --font-display: "Montserrat", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    --font-base: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    --fs-hero: clamp(2.5rem, 6vw, 4rem);
    /* Cấp "statement": câu định vị giữa trang. Không có cấp này thì thang chữ nhảy
       thẳng từ hero xuống h2 và phần giữa trang đọc rất phẳng. */
    --fs-statement: clamp(1.875rem, 3.4vw, 2.875rem);
    --fs-h1: clamp(2rem, 4vw, 3.125rem);
    --fs-h2: clamp(1.75rem, 3.2vw, 2.5rem);
    --fs-h3: clamp(1.125rem, 1.6vw, 1.375rem);
    --fs-lead: clamp(1.0625rem, 1.3vw, 1.1875rem);
    --fs-body: 15px;
    --fs-small: 0.875rem;
    --fs-kicker: 0.75rem;

    /* ---- Khoảng cách ---- */
    --sp-section: clamp(50px, 7vw, 50px);
    --sp-block: clamp(28px, 4vw, 48px);
    --container: 1240px;
    --container-narrow: 880px;

    /* ---- Hình khối ---- */
    --radius: 8px;
    --radius-lg: 20px;
    --radius-pill: 999px;
    --rule: 3px;                   /* độ dày thanh màu nhấn dưới tiêu đề */
    --shadow-sm: 0 2px 10px rgba(2, 32, 106, .07);
    --shadow: 0 10px 30px rgba(2, 32, 106, .12);
    --shadow-lg: 0 24px 60px rgba(2, 32, 106, .22);

    /* Chiều cao header: dự án có logo cao/thấp khác nhau thì chỉnh ở đây,
       layout.css và responsive.css đều tính theo hai biến này. */
    --header-h: 64px;
    --header-h-sm: 56px;
    --ease: cubic-bezier(.2, .7, .3, 1);
    --t-fast: .18s var(--ease);
    --t: .28s var(--ease);
}