:root {
    /* Brand palette — ultra-luxury heritage */
    --color-ivory: #F7F3EC;
    --color-warm-sand: #D9CBB8;
    --color-muted-sage: #8A9A8E;
    --color-mediterranean: #1E3A5F;
    --color-satin-gold: #C4A574;
    --color-deep-navy: #1B2A4A;

    /* Functional */
    --color-bg: var(--color-ivory);
    --color-header-bg: #F7F3EC;
    --color-surface: #FDFBF7;
    --color-text: var(--color-mediterranean);
    --color-text-muted: var(--color-muted-sage);
    --color-accent: var(--color-satin-gold);
    --color-border: rgba(30, 58, 95, 0.12);

    /* Typography */
    --font-serif: 'Bodoni Moda', 'Georgia', serif;
    --font-sans: 'Jost', system-ui, sans-serif;

    --text-xs: clamp(0.65rem, 0.6rem + 0.2vw, 0.75rem);
    --text-sm: clamp(0.8rem, 0.75rem + 0.2vw, 0.875rem);
    --text-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
    --text-lg: clamp(1.15rem, 1rem + 0.5vw, 1.35rem);
    --text-xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    --text-2xl: clamp(2rem, 1.5rem + 2vw, 3rem);
    --text-3xl: clamp(2.75rem, 2rem + 3vw, 4.5rem);
    --text-hero: clamp(3.5rem, 2.5rem + 4vw, 7rem);

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;
    --space-3xl: 10rem;

    /* Layout */
    --container-max: 1400px;
    --header-height: 80px;

    /* Motion */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --duration-fast: 0.25s;
    --duration-base: 0.5s;
    --duration-slow: 0.9s;

    /* Effects */
    --shadow-soft: 0 4px 30px rgba(30, 58, 95, 0.06);
    --shadow-elevated: 0 20px 60px rgba(30, 58, 95, 0.1);
}