/* ============================================
   DESIGN TOKENS
   Ce Que New York M'a Fait
   ============================================ */

:root {
    /* ============================================
       BRAND REFRESH 2026: Eat Pray Love Aesthetic
       From midnight noir → golden hour warmth
       ============================================ */

    /* Primary: Honey Gold - Warmth, transformation, sunlight */
    --color-honey: #D4A84B;
    --color-honey-light: #E5C47A;
    --color-honey-dark: #B8923F;

    /* Primary: Warm Cream - Light, openness, invitation */
    --color-cream: #FBF7F0;
    --color-cream-light: #FFFFF8;
    --color-cream-dark: #F0E8DC;

    /* Secondary: Terracotta - Brownstone warmth, NYC brick */
    --color-terracotta: #C4724D;
    --color-terracotta-light: #D4917A;
    --color-terracotta-dark: #A85D3D;

    /* Secondary: Sage Green - Nature, growth, hope, Village charm */
    --color-sage: #8FA882;
    --color-sage-light: #A8BF9C;
    --color-sage-dark: #6E8A62;

    /* Accent: Soft Sky - Openness, possibility */
    --color-sky: #B8D4E3;
    --color-sky-light: #D4E8F2;
    --color-sky-dark: #9AC4D8;

    /* Accent: Blush Pink - Cherry blossoms, softness */
    --color-blush: #E8C4B8;
    --color-blush-light: #F2DCD4;
    --color-blush-dark: #D4A898;

    /* Deep tones for contrast (sparingly) */
    --color-deep-brick: #8B4D3B;
    --color-warm-charcoal: #3D3530;

    /* Legacy mappings for compatibility */
    --color-gold: var(--color-honey);
    --color-gold-light: var(--color-honey-light);
    --color-gold-dark: var(--color-honey-dark);
    --color-midnight: var(--color-warm-charcoal);
    --color-midnight-light: #4D4540;
    --color-midnight-dark: #2D2520;
    --color-rust: var(--color-terracotta-dark);
    --color-burgundy: #8B4D3B;

    /* Text Colors - Warm, not harsh black */
    --color-text: #3D3530;
    --color-text-light: #5D5550;
    --color-text-muted: #8D8580;
    --color-text-inverse: #FBF7F0;

    /* Semantic Colors */
    --color-background: var(--color-cream);
    --color-background-alt: var(--color-cream-dark);
    --color-background-dark: var(--color-warm-charcoal);
    --color-accent: var(--color-honey);
    --color-accent-hover: var(--color-honey-dark);

    /* Typography */
    --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body: 'Source Serif 4', Georgia, 'Times New Roman', serif;
    --font-accent: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;

    /* Font Sizes - Fluid Typography (LARGER for conversion) */
    --text-xs: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
    --text-sm: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
    --text-base: clamp(1.125rem, 1rem + 0.625vw, 1.3125rem);
    --text-lg: clamp(1.3125rem, 1.15rem + 0.8vw, 1.5rem);
    --text-xl: clamp(1.5rem, 1.3rem + 1vw, 1.75rem);
    --text-2xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);
    --text-3xl: clamp(2.25rem, 1.875rem + 1.875vw, 3rem);
    --text-4xl: clamp(2.75rem, 2.25rem + 2.5vw, 4rem);
    --text-5xl: clamp(3.5rem, 2.5rem + 5vw, 6rem);

    /* Font Weights */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Line Heights */
    --leading-none: 1;
    --leading-tight: 1.2;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 1.875;

    /* Letter Spacing */
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;

    /* Spacing Scale */
    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;
    --space-40: 10rem;
    --space-48: 12rem;

    /* Container */
    --container-sm: 640px;
    --container-md: 768px;
    --container-lg: 1024px;
    --container-xl: 1200px;
    --container-padding: clamp(1rem, 5vw, 2rem);

    /* Border Radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --shadow-book: 0 20px 40px -10px rgb(0 0 0 / 0.3), 0 10px 20px -5px rgb(0 0 0 / 0.2);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;
    --transition-slower: 700ms ease;

    /* Z-Index Scale */
    --z-base: 0;
    --z-above: 10;
    --z-dropdown: 100;
    --z-sticky: 500;
    --z-modal: 1000;
    --z-overlay: 1500;
    --z-max: 9999;
}