:root {
    --primary: #f4cf00;
    --primary-dark: #c9a800;
    --primary-light: #f9e566;
    --primary-rgb: 244, 207, 0;
    --secondary: #4f5052;
    --secondary-light: #6b6d70;
    --secondary-dark: #3a3b3d;
    --secondary-rgb: 79, 80, 82;
    --accent-red: #e30a17;
    --accent-red-dark: #c10815;
    --accent-gold: #d4af37;
    --white: #ffffff;
    --off-white: #f8f9fa;
    --light-gray: #e9ecef;
    --medium-gray: #adb5bd;
    --dark-gray: #6c757d;
    --dark: #212529;
    --text-dark: #333333;
    --text-muted: #6c757d;
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    --gradient-dark: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
    --gradient-hero: linear-gradient(135deg, rgba(79,80,82,0.9) 0%, rgba(244,207,0,0.7) 100%);
    --gradient-flag: linear-gradient(180deg, var(--accent-red) 0%, var(--accent-red-dark) 100%);
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.16);
    --shadow-xl: 0 12px 48px rgba(0,0,0,0.2);
    --shadow-primary: 0 4px 14px rgba(var(--primary-rgb), 0.4);
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    --fs-hero: clamp(2.5rem, 5vw, 4.5rem);
    --fs-h1: clamp(2rem, 4vw, 3rem);
    --fs-h2: clamp(1.5rem, 3vw, 2.25rem);
    --fs-h3: clamp(1.25rem, 2.5vw, 1.75rem);
    --fs-h4: clamp(1.1rem, 2vw, 1.35rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    --section-padding: 80px;
    --section-padding-sm: 50px;
}