:root {
    /* ─── Palette ─── */
    --gold:        #C8A951;
    --gold-light:  #E2CC7E;
    --gold-dark:   #A88B3D;
    --gold-muted:  rgba(200, 169, 81, 0.15);

    --charcoal:    #1A1A1A;
    --charcoal-90: #2A2A2A;
    --charcoal-80: #3A3A3A;

    --cream:       #F5F0E8;
    --cream-dark:  #EDE5D8;
    --warm-white:  #FAF8F4;
    --pure-white:  #FFFFFF;

    --wood:        #3D2B1F;
    --wood-light:  #6B4C3B;
    --earth:       #8B7355;

    --text-primary:   #1A1A1A;
    --text-secondary: #5A5A5A;
    --text-muted:     #8A8A8A;
    --text-on-dark:   #F5F0E8;
    --text-on-dark-muted: rgba(245, 240, 232, 0.6);

    /* ─── Typography ─── */
    --font-display: 'Cormorant Garamond', 'Georgia', serif;
    --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  2rem;
    --text-4xl:  2.75rem;
    --text-5xl:  3.5rem;
    --text-6xl:  5rem;
    --text-hero: clamp(3rem, 8vw, 8rem);

    --weight-light:    300;
    --weight-normal:   400;
    --weight-medium:   500;
    --weight-semibold: 600;
    --weight-bold:     700;

    --leading-tight:  1.1;
    --leading-snug:   1.3;
    --leading-normal: 1.6;
    --leading-loose:  1.8;

    --tracking-tight:    -0.02em;
    --tracking-normal:   0;
    --tracking-wide:     0.05em;
    --tracking-wider:    0.1em;
    --tracking-widest:   0.2em;
    --tracking-mega:     0.35em;

    /* ─── Spacing ─── */
    --sp-2xs: 0.25rem;
    --sp-xs:  0.5rem;
    --sp-sm:  0.75rem;
    --sp-md:  1rem;
    --sp-lg:  1.5rem;
    --sp-xl:  2rem;
    --sp-2xl: 3rem;
    --sp-3xl: 4rem;
    --sp-4xl: 6rem;
    --sp-5xl: 8rem;
    --sp-6xl: 12rem;

    /* ─── Layout ─── */
    --max-w:      1400px;
    --max-w-text: 680px;
    --gutter:     clamp(1.5rem, 4vw, 4rem);

    /* ─── Effects ─── */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --shadow-subtle: 0 1px 3px rgba(0,0,0,0.04);
    --shadow-md:     0 8px 30px rgba(0,0,0,0.08);
    --shadow-lg:     0 20px 60px rgba(0,0,0,0.12);
    --shadow-dramatic: 0 30px 80px rgba(0,0,0,0.2);

    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

    --duration-fast:   0.2s;
    --duration-normal: 0.4s;
    --duration-slow:   0.7s;
    --duration-reveal:  1s;
}