:root {
    /* Colors */
    --color-carbon: #101214;
    --color-orange: #FF4D2E;
    --color-lime: #C6F432;
    --color-white: #F7F8F6;
    --color-silver: #DDE1E5;
    --color-text: #151719;
    --color-muted: #667085;

    /* Fonts (Giả định bạn sẽ tải file woff2 vào thư mục /fonts/) */
    --font-primary: 'Be Vietnam Pro', 'Manrope', system-ui, -apple-system, sans-serif;

    /* Fluid Typography (Sử dụng clamp) */
    --text-h1: clamp(2.5rem, 5vw + 1rem, 4.5rem);
    --text-h2: clamp(2rem, 4vw + 1rem, 3.5rem);
    --text-h3: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
    --text-h4: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
    --text-body-lg: clamp(1.125rem, 1vw + 0.8rem, 1.25rem);
    --text-body: 1rem; /* 16px */
    --text-sm: 0.875rem; /* 14px */
    --text-xs: 0.75rem; /* 12px */

    /* Spacing */
    --spacing-xs: 0.25rem; /* 4px */
    --spacing-sm: 0.5rem;  /* 8px */
    --spacing-md: 1rem;    /* 16px */
    --spacing-lg: 1.5rem;  /* 24px */
    --spacing-xl: 2rem;    /* 32px */
    --spacing-2xl: 3rem;   /* 48px */
    --section-padding: clamp(3rem, 5vw + 2rem, 6rem);
    
    /* Layout */
    --container-width: 1320px;
    --grid-gap: 24px;
    
    /* Transitions & Radius */
    --transition-fast: 0.2s ease-in-out;
    --transition-normal: 0.3s ease-in-out;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
}