:root {
    /* Brand Colors - Cozy & Professional Red/Black/White */
    --color-bg-primary: #FDFCF8;
    /* Warm Beige Accent for overall warmth */
    --color-bg-secondary: #FFFFFF;
    /* Pure white for cards and sections */
    --color-bg-overlay: rgba(0, 0, 0, 0.5);

    --color-accent-primary: #D62828;
    /* Deep Professional Red */
    --color-accent-soft: #FDE8E8;
    /* Soft Red for backgrounds/hovers */
    --color-accent-glow: rgba(214, 40, 40, 0.4);

    --color-text-primary: #1A1A1A;
    /* Sharp Black for readability */
    --color-text-secondary: #4A4A4A;
    /* Softened grey for subtext */
    --color-text-inverse: #FFFFFF;
    --color-text-muted: #888888;

    --color-border: #E8E8E1;
    --color-border-hover: #D62828;

    --color-success: #2A9D8F;
    --color-gold: #FFB703;

    /* Typography - Professional & Reachable */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing - Spacious & Clean */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 64px;
    --spacing-2xl: 100px;

    /* Border Radius - Modern & Friendly */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 50px;

    /* Transitions */
    --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Shadows - Soft & Subtle Layers */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 25px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.12);
    --shadow-red: 0 8px 25px var(--color-accent-glow);
}