/* ============================================================
   THEME — file theme RIÊNG của branch này (DNTU): token màu, font, gradient và màu chân trang.
   Mỗi branch có đúng một file theme (assets/css/theme.css). Không copy file này sang branch khác:
   branch khác giữ theme.css của chính nó và chỉ nhận phần dùng chung (dntu-theme.css, ucSiteFooter, Tailwind).
   Đổi màu: sửa giá trị ở đây, rồi `cd tailwind && npm run build` (brand.js đọc file này).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Noto+Serif:wght@400;600;700&display=swap');

:root {
    /* MÀU CHỦ ĐẠO = gradient đỏ trên->dưới (--dntu-gradient). CSS/Tailwind không dùng được gradient làm "màu" (chữ, viền,
       tw-bg-dntu-primary/10, Bootstrap $primary...) nên giữ thêm 3 màu đặc đại diện: primary = đầu gradient (#AB1F24),
       -dk = cuối gradient (#911C24), -lt = sáng hơn cho hover/điểm nhấn. Đổi màu: sửa hex VÀ kênh -rgb tương ứng, rồi
       `cd tailwind && npm run build` (brand.js báo lỗi nếu hex và rgb lệch nhau). */
    --dntu-primary: #AB1F24;
    --dntu-primary-dk: #911C24;
    --dntu-primary-dk-rgb: 145, 28, 36;
    --dntu-primary-lt: #C22329;
    --dntu-gradient: linear-gradient(rgb(171, 31, 36), rgb(145, 28, 36));
    --dntu-gradient-rev: linear-gradient(rgb(145, 28, 36), rgb(171, 31, 36));/* đảo chiều: dùng cho khối đỏ nằm ngay sau khối đỏ khác */
    /* Màu phụ — tông sáng/trắng hơn bản cũ (#FFDFB9 / #F5F0F1 / #e8dde0) để trang không bị tối */
    --dntu-accent: #FFEBD3;
    --dntu-bg-soft: #FBF7F7;
    --dntu-dark: #911C24;/* bề mặt đỏ đậm (dropdown menu, nền mobile): nối liền với đáy gradient của thanh menu */
    --dntu-ink: #2E141B;/* màu chữ tiêu đề / nền tối phụ (footer cổng thông tin nay dùng gradient chủ đạo) */
    --dntu-white: #FFFFFF;
    --dntu-text: #2E141B;
    --dntu-text-muted: #6b5a5f;
    --dntu-text-search: #0A0A0A;   /* chữ khu vực tìm kiếm (kết quả/facet) = chữ thường của tracuu/index.html (neutral-950) */
    --dntu-link-search: #1c76bc;   /* NGOẠI LỆ: tiêu đề kết quả tìm kiếm màu xanh link (như site đang chạy); hover → màu chủ đạo */
    --dntu-icon-search: #7D171A;   /* biểu tượng đi kèm thông tin = tw-text-secondary (primary-700) của tracuu/index.html */
    --dntu-border: #EFE6E7;

    /* Kenh RGB cho Tailwind (tailwind/tailwind.config.js doc cac bien nay qua
       rgba(var(--x-rgb), <alpha-value>)) => doi mau CHI o day, Tailwind tu theo,
       ho tro luon tw-bg-dntu-primary/10... Phai giu dung dinh dang "R, G, B". */
    --dntu-primary-rgb: 171, 31, 36;
    --dntu-primary-lt-rgb: 194, 35, 41;
    --dntu-accent-rgb: 255, 235, 211;
    --dntu-bg-soft-rgb: 251, 247, 247;
    --dntu-dark-rgb: 145, 28, 36;
    --dntu-ink-rgb: 46, 20, 27;
    --dntu-muted-rgb: 107, 90, 95;
    --dntu-border-rgb: 239, 230, 231;

    /* Bề mặt theo tracuu/index.html: khối nền xám nhạt (tw-bg-slate-100) + thẻ trắng viền xám (tw-border) */
    --dntu-panel: #F5F5F5;
    --dntu-card-border: #E5E5E5;

    --dntu-radius: 8px;
    --dntu-radius-sm: 4px;
    --dntu-shadow: 0 1px 3px 0 rgba(0,0,0,.10), 0 1px 2px -1px rgba(0,0,0,.10);         /* = tw-shadow */
    --dntu-shadow-hover: 0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -2px rgba(0,0,0,.10); /* = tw-shadow-md */
    --dntu-transition: all 0.25s ease;
    --font-heading: 'Roboto', 'Open Sans', Arial, sans-serif;
    --font-body: 'Roboto', 'Open Sans', Arial, sans-serif;
    --font-reading: 'Noto Serif', Georgia, serif;
    /* ── Chân trang (ucSiteFooter dùng chung mọi branch; mỗi branch đổi giá trị tại đây) ── */
    --footer-solid: #1F4E78;               /* nền đặc chân trang (xanh) */
    --footer-top: #2B649A;                 /* gradient: đầu (sáng hơn) */
    --footer-bottom: #173C5E;              /* gradient: cuối (tối hơn) */
    --footer-text: #FFFFFF;                /* chữ thường */
    --footer-muted: rgba(255,255,255,0.78);/* chữ phụ (gray-400 trong footer) */
}