/**
 * variables.css
 * Design tokens — single source of truth for the entire site
 * ─────────────────────────────────────────────────────────
 */

:root {

    /* ── Brand Colours ──────────────────────────────────── */
    --clr-navy:          #0B1D3A;
    --clr-navy-2:        #13284B;
    --clr-navy-dark:     #071226;
    --clr-gold:          #e0bf00;
    --clr-gold-light:    #e4d500;
    --clr-gold-pale:     #F0E4C8;

    /* ── Neutral Palette ────────────────────────────────── */
    --clr-white:         #FFFFFF;
    --clr-warm:          #F8F7F5;
    --clr-warm-2:        #F2EFE9;
    --clr-border:        #E8E4DC;
    --clr-border-2:      #D6D0C4;
    --clr-text-dark:     #3B3B3B;
    --clr-text-mid:      #666666;
    --clr-text-light:    #999999;

    /* ── Status Colours ─────────────────────────────────── */
    --clr-available:     #4CAF7D;
    --clr-available-bg:  rgba(76, 175, 125, 0.12);
    --clr-sold:          #C0392B;
    --clr-sold-bg:       rgba(192, 57, 43, 0.12);
    --clr-reserved:      #E67E22;
    --clr-reserved-bg:   rgba(230, 126, 34, 0.12);

    /* ── Typography ─────────────────────────────────────── */
    --font-display:      'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-body:         'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Type Scale — 1.333 (Perfect Fourth) */
    --text-xs:           11px;
    --text-sm:           13px;
    --text-base:         15px;
    --text-md:           18px;
    --text-lg:           24px;
    --text-xl:           32px;
    --text-2xl:          42px;
    --text-3xl:          56px;
    --text-4xl:          72px;
    --text-hero:         clamp(52px, 6.5vw, 96px);

    /* Line Heights */
    --lh-tight:          1.05;
    --lh-snug:           1.2;
    --lh-normal:         1.5;
    --lh-relaxed:        1.75;
    --lh-loose:          1.9;

    /* Letter Spacing */
    --ls-tight:          -0.025em;
    --ls-normal:          0;
    --ls-label:           0.12em;
    --ls-caps:            0.18em;
    --ls-wide:            0.22em;

    /* ── Spacing Scale (8px base) ───────────────────────── */
    --space-1:            4px;
    --space-2:            8px;
    --space-3:           12px;
    --space-4:           16px;
    --space-5:           20px;
    --space-6:           24px;
    --space-8:           32px;
    --space-10:          40px;
    --space-12:          48px;
    --space-16:          64px;
    --space-20:          80px;
    --space-24:         100px;  /* compact section padding */
    --space-30:         120px;  /* standard section padding */
    --space-40:         160px;  /* hero / hero-scale */

    /* ── Layout ─────────────────────────────────────────── */
    --container-max:    1240px;
    --container-wide:   1400px;
    --container-narrow:  860px;
    --container-gutter:   40px;
    --header-height:      88px;
    --header-height-sm:   68px;

    /* ── Shadows ────────────────────────────────────────── */
    --shadow-xs:    0 1px  4px rgba(11, 29, 58, 0.06);
    --shadow-sm:    0 2px 12px rgba(11, 29, 58, 0.08);
    --shadow-md:    0 8px 30px rgba(11, 29, 58, 0.10);
    --shadow-lg:    0 20px 60px rgba(11, 29, 58, 0.12);
    --shadow-xl:    0 40px 100px rgba(11, 29, 58, 0.16);
    --shadow-gold:  0 8px 40px rgba(200, 169, 106, 0.25);

    /* ── Border Radius ──────────────────────────────────── */
    --radius-sm:    2px;
    --radius-md:    4px;
    --radius-lg:    8px;
    --radius-full:  9999px;

    /* ── Transitions ────────────────────────────────────── */
    --ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out:     cubic-bezier(0.77, 0, 0.175, 1);
    --ease-spring:     cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast:   180ms;
    --duration-base:   300ms;
    --duration-slow:   500ms;
    --duration-reveal: 800ms;

    /* ── Z-index Stack ──────────────────────────────────── */
    --z-base:        1;
    --z-above:       10;
    --z-dropdown:    100;
    --z-sticky:      500;
    --z-overlay:     800;
    --z-drawer:      900;
    --z-header:     1000;
    --z-tooltip:    1100;
    --z-lightbox:   2000;
    --z-toast:      3000;
}