:root {
    /* Colors - Prestige Pivot: Deep Navy & Platinum */
    --clr-gold: #0C2D48;
    /* Primary: Deep Midnight Navy (Replaces Gold) */
    --clr-gold-light: #2E8BC0;
    /* Secondary: Bright Professional Blue */
    --clr-gold-dark: #051626;
    /* Dark Navy for hover/depth */

    --clr-accent: #B1B3B3;
    /* Platinum/Silver for sophisticated accents */

    --clr-bone: #FFFFFF;
    /* Keep Pure White */
    --clr-bone-dark: #F0F4F8;
    /* Cool Grey-Blue tint for backgrounds */

    --clr-charcoal: #151515;
    /* Sharp black */
    --clr-charcoal-light: #4A5568;
    /* Cool grey text */

    --clr-white: #FFFFFF;
    --clr-silver: #E2E8F0;

    /* Typography */
    --ff-serif: "Playfair Display", Georgia, serif;
    --ff-sans: "Inter", system-ui, -apple-system, sans-serif;

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 3rem;
    --space-xl: 5rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Containers */
    --container-width: 1200px;
    --container-padding: 2rem;

    /* Z-index */
    --z-header: 1000;
    --z-overlay: 100;
}

@media (max-width: 768px) {
    :root {
        --space-lg: 2.5rem;
        --space-xl: 3.5rem;
        --container-padding: 1rem;
    }
}