/* ============================================
   HOLIDAY SPECIALIST — Design Tokens
   ============================================ */
:root {
    /* Brand Colors */
    --color-primary:        #0B3D6B;
    --color-primary-light:  #1565A0;
    --color-primary-dark:   #082C4E;
    --color-secondary:      #D4972E;
    --color-secondary-light:#F0B84D;
    --color-accent:         #FFFFFF;
    --color-dark:           #1A1A2E;
    --color-gray:           #6C757D;
    --color-gray-light:     #ADB5BD;
    --color-light-bg:       #F8F9FA;
    --color-border:         #E9ECEF;
    --color-success:        #28A745;
    --color-warning:        #FFC107;

    /* Typography */
    --font-heading: 'Montserrat', sans-serif;
    --font-body:    'Lato', sans-serif;
    --fs-hero:      clamp(2.5rem, 5vw, 4.5rem);
    --fs-h1:        clamp(2rem, 4vw, 3rem);
    --fs-h2:        clamp(1.5rem, 3vw, 2.25rem);
    --fs-h3:        clamp(1.2rem, 2vw, 1.5rem);
    --fs-body:      1rem;
    --fs-small:     0.875rem;
    --fw-light:     300;
    --fw-regular:   400;
    --fw-medium:    500;
    --fw-semibold:  600;
    --fw-bold:      700;
    --fw-extrabold: 800;
    --lh-tight:     1.2;
    --lh-base:      1.6;
    --lh-loose:     1.8;

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

    /* Layout */
    --max-width:   1280px;
    --nav-height:  80px;

    /* Borders & Shadows */
    --radius-sm:   6px;
    --radius-md:   12px;
    --radius-lg:   24px;
    --radius-full: 50%;
    --shadow-sm:   0 2px 8px rgba(0,0,0,0.06);
    --shadow-md:   0 4px 20px rgba(0,0,0,0.08);
    --shadow-lg:   0 8px 30px rgba(0,0,0,0.12);
    --shadow-xl:   0 12px 40px rgba(0,0,0,0.18);
    --shadow-gold: 0 4px 20px rgba(212,151,46,0.3);

    /* Transitions */
    --ease-out:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-in-out:   cubic-bezier(0.645, 0.045, 0.355, 1);
    --transition-fast:  0.2s var(--ease-out);
    --transition-base:  0.35s var(--ease-out);
    --transition-slow:  0.6s var(--ease-in-out);

    /* Z-index layers */
    --z-dropdown: 100;
    --z-sticky:   200;
    --z-overlay:  300;
    --z-modal:    400;
    --z-toast:    500;
}