/*
 * Bộ biến giao diện NTD – Giai đoạn 01
 * Nguồn màu: đo từ DEMO GIAO DIEN WEBSITE NTD.pdf (trang 1)
 * - Cam nút Đăng ký / thương hiệu chữ: ~#FD6802 (ảnh đầu trang)
 * - Cam ô dịch vụ / điểm nhấn: ~#F88302
 * - Cam thanh tìm kiếm: ~#F26522
 * - Xanh nút Đăng nhập / ô dịch vụ: ~#1568D9
 * - Xanh đậm (slogan / chữ điều hướng): ~#003190
 * Chi tiết: tai_lieu_thuc_thi/05_bien_giao_dien.md
 */

:root {
    --mau-cam-chinh: #f88302;
    --mau-cam-dam: #fd6802;
    --mau-cam-nhat: #ffb25a;
    --mau-xanh-chinh: #1568d9;
    --mau-xanh-dam: #003190;
    --mau-xanh-nhat: #4a9af0;
    --mau-chu-chinh: #1a1a1a;
    --mau-chu-phu: #5a5a5a;
    --mau-nen-trang: #ffffff;
    --mau-nen-phu: #f5f7fb;
    --mau-duong-vien: #e5e8ef;
    --mau-thanh-cong: #1f9d55;
    --mau-canh-bao: #d97706;
    --mau-loi: #dc2626;

    /* Full viewport — không tạo cột trống hai bên */
    --do-rong-noi-dung: 100%;
    --do-rong-noi-dung-lon: 100%;
    --le-ngang-trang: clamp(0.75rem, 1.5vw, 1.25rem);

    --bo-goc-nho: 6px;
    --bo-goc-vua: 12px;
    --bo-goc-lon: 24px;
    --bo-goc-vien: 999px;

    --bong-nhe: 0 2px 8px rgba(0, 49, 144, 0.08);
    --bong-vua: 0 6px 20px rgba(0, 49, 144, 0.12);
    --bong-dam: 0 10px 28px rgba(0, 49, 144, 0.18);

    --khoang-cach-rat-nho: 4px;
    --khoang-cach-nho: 8px;
    --khoang-cach-vua: 16px;
    --khoang-cach-lon: 32px;
    --khoang-cach-rat-lon: 48px;

    --chuyen-dong-nhanh: 150ms ease;
    --chuyen-dong-vua: 250ms ease;

    /* Myriad Pro (thương hiệu) hoặc Be Vietnam Pro — font thay thế được phê duyệt (08) */
    --font-chu: "Myriad Pro", "Be Vietnam Pro", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --co-chu-nen: 16px;
    --chieu-cao-dong: 1.5;
}