:root {
    /* =========================================
     THEME CONFIGURATION
     Edit these values to change the look & feel
     ========================================= */

    /* 🎨 COLOR PALETTE */
    /* Primary: Used for buttons, icons, and emphasis */
    --color-primary: #D4AF37;
    /* Metallic Gold */
    --color-primary-dark: #B5952F;
    /* Darker Gold (Hover state) */
    --color-on-primary: #ffffff;
    /* Text color on top of primary */

    /* Accent: Used for secondary highlights and status */
    --color-secondary: #a18b47;
    /* Antique Gold/Bronze */
    --color-accent: #8c7636;
    /* Darker Bronze */

    /* Surface: The background colors */
    --color-surface: #ffffff;
    /* Main background */
    --color-surface-elevated: #f8fafc;
    /* Cards/Sections background */
    --color-backplate: rgba(255, 255, 255, 0.8);
    /* Glass effect background */
    --color-border: #e2e8f0;
    /* Border lines */
    --color-scrim: rgba(0, 0, 0, 0.4);
    /* Video overlays */

    /* Text Colors */
    --color-on-surface: #1e293b;
    /* Main text (Dark Slate) */
    --color-on-surface-secondary: #64748b;
    /* Subtitle text (Grey) */

    /* 📐 LAYOUT & SPACING */
    --content-max-width: 1280px;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --spacing-4xl: 6rem;

    /* 🔤 TYPOGRAPHY */
    --font-family-heading: 'Outfit', sans-serif;
    --font-family-body: 'Inter', sans-serif;

    --font-size-base: 1rem;
    --font-size-xl: 1.25rem;
    --font-size-4xl: 2.25rem;

    /* SHAPES */
    --border-radius-lg: 1rem;
    --border-radius-full: 9999px;
    /* Pill shapes */
}