/* variables.css */
:root {
    /* Premium Theme Colors */
    --color-mehndi-green: #1A3C34; /* Deep Forest/Mehndi Green */
    --color-maroon: #5C162E;       /* Rich Burgundy / Deep Maroon */
    --color-gold: #C8A97E;         /* Soft Antique Gold */
    --color-ivory: #FDFBF7;        /* Warm Ivory / Cream */
    --color-white: #FFFFFF;
    --color-charcoal: #2C2C2C;     /* Deep Charcoal for Text */
    --color-brown: #4A3B32;        /* Dark Brown for subtext */
    
    /* Gradients */
    --gradient-overlay: linear-gradient(to right, rgba(26, 60, 52, 0.9), rgba(92, 22, 46, 0.7));

    /* Typography */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;

    /* Typography Scale (Anchored to Home Page Hero Typography Scale) */
    --font-size-hero: 4rem;
    --font-size-hero-tablet: 3.2rem;
    --font-size-hero-mobile: clamp(1.95rem, 7.5vw, calc(2.8rem - 3px));

    --font-size-section-heading: 4rem;
    --font-size-section-heading-tablet: 3.2rem;
    --font-size-section-heading-mobile: clamp(1.95rem, 7.5vw, calc(2.8rem - 3px));

    --font-size-subheading: 1.45rem;
    --font-size-subheading-mobile: 1.15rem;

    --font-size-minor-heading: 1.2rem;
    --font-size-minor-heading-mobile: 1.05rem;

    --font-size-body: 1.12rem;
    --font-size-body-mobile: 0.96rem;

    --font-size-eyebrow: 0.82rem;
    --font-size-btn: 1rem;
    --font-size-btn-mobile: 0.94rem;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;

    /* Shadows */
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 20px rgba(26, 60, 52, 0.08);
    --shadow-lg: 0 20px 40px rgba(26, 60, 52, 0.12);

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-pill: 50px;

    /* Transitions */
    --transition-fast: 0.2s ease-in-out;
    --transition-medium: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;
}