/**
 * ALAMIA Design System CSS Variables
 */
:root {
    /* Color Palette */
    --color-ivory: #FAF7F2;      /* Primary Website Background */
    --color-bronze: #9E763A;     /* Primary Branding Accent (Logo Ink) */
    --color-cocoa: #2B1B15;      /* Primary Text / Contrast Elements */
    --color-copper: #C88E72;     /* Accent Highlights / Secondary Hover */
    --color-silt: #E6DEC9;       /* Card Backgrounds, Dividers, Borders */
    --color-white: #FFFFFF;      /* Absolute White */
    
    /* Typography Fonts */
    --font-serif: 'Cormorant Garamond', 'Cinzel', Georgia, serif;
    --font-sans: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Fluid Sizing Tokens (CSS clamp - Min size at 320px viewport, Max size at 1440px viewport) */
    --font-size-display: clamp(2.25rem, 4.5vw, 4rem);    /* Hero Titles */
    --font-size-h2: clamp(1.65rem, 3.2vw, 2.5rem);       /* Section Titles */
    --font-size-h3: clamp(1.15rem, 1.8vw, 1.5rem);       /* Card/Accordion Titles */
    --font-size-body: clamp(0.875rem, 1.25vw, 1rem);     /* Core Body Text */
    --font-size-nav: clamp(0.75rem, 1.1vw, 0.875rem);    /* Navigation Links */
    --font-size-meta: clamp(0.6875rem, 1vw, 0.75rem);    /* Subtitles, labels, metadata */
    
    /* Line Heights */
    --lh-display: 1.1;
    --lh-heading: 1.2;
    --lh-body: 1.7;
    --lh-meta: 1.4;
    
    /* Letter Spacings */
    --ls-display: 0.05em;
    --ls-heading: 0.12em;
    --ls-meta: 0.15em;
    --ls-button: 0.20em;
    
    /* Spacing Scale (8px system) */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 48px;
    --spacing-xl: 96px;
    --spacing-xxl: 144px;

    /* Transition Parameters */
    --ease-luxury: cubic-bezier(0.25, 1, 0.50, 1);
    --transition-speed: 0.6s;
    --transition-fast: 0.3s;
}