/**
 * WALBA Luxury Design Tokens & CSS Custom Properties
 */
:root {
    /* Brand Color Palette */
    --color-forest: #123E37;
    --color-forest-dark: #0B2521;
    --color-forest-light: #1D554D;
    --color-forest-subtle: rgba(18, 62, 55, 0.06);

    --color-ivory: #F6F3EC;
    --color-ivory-soft: #EFECE4;
    --color-ivory-warm: #FAF8F5;
    
    --color-charcoal: #242724;
    --color-charcoal-muted: #5A605A;
    --color-charcoal-light: #8A928A;

    --color-brass: #A58A5B;
    --color-brass-light: #C4AD85;
    --color-brass-dark: #7D643B;
    --color-brass-subtle: rgba(165, 138, 91, 0.15);

    --color-white: #FFFFFF;
    --color-sand: #EAE4D7;
    --color-sand-muted: #C2BDB2;
    --color-border: rgba(36, 39, 36, 0.12);
    --color-border-dark: rgba(246, 243, 236, 0.18);

    /* Typography Families */
    --font-heading: 'Cinzel', 'Playfair Display', 'Cormorant Garamond', 'Georgia', serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-serif-body: 'Playfair Display', Georgia, serif;

    /* Typographic Fluid Scale */
    --font-size-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
    --font-size-sm: clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);
    --font-size-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
    --font-size-md: clamp(1.0625rem, 1.02rem + 0.25vw, 1.25rem);
    --font-size-lg: clamp(1.25rem, 1.15rem + 0.5vw, 1.625rem);
    --font-size-xl: clamp(1.45rem, 1.3rem + 0.8vw, 2.25rem);
    --font-size-2xl: clamp(1.75rem, 1.5rem + 1.2vw, 3rem);
    --font-size-3xl: clamp(2.1rem, 1.8rem + 2vw, 4rem);
    --font-size-hero: clamp(2.25rem, 1.8rem + 2.8vw, 4.75rem);

    /* Line Heights & Letter Spacing */
    --line-height-tight: 1.15;
    --line-height-snug: 1.3;
    --line-height-normal: 1.6;
    --line-height-relaxed: 1.75;

    --letter-spacing-tight: -0.02em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.06em;
    --letter-spacing-wider: 0.14em;
    --letter-spacing-widest: 0.2em;

    /* Spacing Scale */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4.5rem;
    --space-3xl: 6rem;
    --space-4xl: 8.5rem;

    /* Layout Containers */
    --container-narrow: 840px;
    --container-default: 1240px;
    --container-wide: 1440px;
    --container-padding: clamp(1.25rem, 3vw, 2.5rem);

    /* Transitions & Elevation */
    --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
    --transition-base: 320ms cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 500ms cubic-bezier(0.16, 1, 0.3, 1);

    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    --shadow-subtle: 0 4px 20px rgba(18, 62, 55, 0.05);
    --shadow-card: 0 12px 32px rgba(18, 62, 55, 0.08);
}