/* --- HỆ THỐNG BIẾN GIAO DIỆN (DESIGN TOKENS) --- */
:root {
    /* 1. PALETTE MÀU SẮC (Brand Colors) */
    /* Primary: Blue-600 */
    --color-primary: 37, 99, 235;       
    --color-primary-hover: 29, 78, 216; 
    --color-primary-light: 239, 246, 255;

    /* Semantic Colors */
    --color-success: 34, 197, 94;   /* Green-500 */
    --color-danger: 239, 68, 68;    /* Red-500 */
    --color-warning: 234, 179, 8;   /* Yellow-500 */
    --color-info: 59, 130, 246;     /* Blue-500 */

    /* Backgrounds */
    --bg-body: #F3F4F6;
    --bg-card: #FFFFFF;
    
    /* Text */
    --text-main: #111827;      
    --text-sec: #6B7280;
    
    /* Borders */
    --border-color: #E5E7EB;
    
    /* 2. HÌNH KHỐI (Shape & Size) */
    --radius-sm: 4px;
    --radius-md: 12px;   /* Chuẩn bo góc MecWish */
    --radius-lg: 16px;
    
    --header-h: 74px;          
    --sidebar-w: 260px;
    --input-h: 48px;

    /* 3. TYPOGRAPHY */
    --font-main: 'Be Vietnam Pro', sans-serif;
}