/* 
 * BIẾN CSS TOÀN CỤC (GLOBAL VARIABLES)
 * Tệp này định nghĩa các màu sắc, phông chữ và kích thước dùng chung cho toàn bộ website.
 */

:root {
    /* --- BẢNG MÀU (COLOR PALETTE) --- */
    
    /* Màu xanh chủ đạo - Dùng cho các nút hành động (CTA) và điểm nhấn tin cậy */
    --mau-chinh-xanh: #0052FF;
    
    /* Màu xanh đậm hơn - Dùng cho trạng thái hover của nút */
    --mau-chinh-xanh-dam: #003FCC;

    /* Màu cam/vàng nhấn - Dùng cho tên công ty, tiêu đề quan trọng */
    --mau-nhan-vang: #FFC107;

    /* --- MÀU VĂN BẢN (TEXT COLORS) --- */
    
    /* Màu chữ chính - Đen nhạt giúp dễ đọc hơn đen tuyền */
    --mau-chu-chinh: #333333;
    
    /* Màu chữ phụ - Dùng cho thông tin ít quan trọng hơn */
    --mau-chu-phu: #555555;
    
    /* Màu trắng - Dùng cho chữ trên nền tối hoặc nền thẻ */
    --mau-trang: #FFFFFF;

    /* --- MÀU NỀN & VIỀN (BACKGROUNDS & BORDERS) --- */
    
    /* Màu nền tổng thể trang web */
    --mau-nen-trang: #FFFFFF;
    
    /* Màu nền phụ - Dùng cho các khối phân cách hoặc thẻ */
    --mau-nen-xam-nhat: #F5F5F5;
    
    /* Màu viền - Dùng cho đường kẻ, viền thẻ */
    --mau-vien: #CCCCCC;

    /* --- KÍCH THƯỚC & KHOẢNG CÁCH (DIMENSIONS & SPACING) --- */
    
    /* Độ rộng tối đa của nội dung trang (theo thiết kế Desktop) */
    --do-rong-noi-dung: 1024px;
    
    /* Khoảng cách viền bo tròn */
    --bo-goc-nho: 4px;
    
    /* Font chữ mặc định */
    --phong-chu-chinh: 'Inter', system-ui, -apple-system, sans-serif;
}