/* ==========================================================================
   L'AERIO Design Tokens · single source of truth
   Locked 2026-05-16. Mirrors Brand-Book.pdf.
   ========================================================================== */

:root {
  /* ── Colors ─────────────────────────────────────────────────────────── */
  --wine:        #5A1A28;   /* Stamp Wine · primary, mark, wordmark */
  --wine-deep:   #44131F;   /* Wine, deeper · hover, pressed state */
  --bronze:      #8E6B3E;   /* Burnished Bronze · accent, hairlines, decorative only */
  --bronze-text: #6B4F2C;   /* Bronze for TEXT use (5.7:1 on vellum · WCAG AA) */
  --vellum:      #E9DFCC;   /* Aged Vellum · primary background */
  --cream:       #EFE7D9;   /* Cream Linen · reverse text on wine */
  --black:       #181016;   /* Velvet Black · monumental display only */
  --black-soft:  #2A1F26;   /* Body text default (13.7:1 on vellum · AAA) */
  --ink:         var(--black);

  --wine-12:     rgba(90, 26, 40, 0.12);
  --wine-30:     rgba(90, 26, 40, 0.30);
  --wine-50:     rgba(90, 26, 40, 0.50);
  --wine-80:     rgba(90, 26, 40, 0.80);
  --bronze-12:   rgba(142, 107, 62, 0.12);
  --bronze-30:   rgba(142, 107, 62, 0.30);
  --bronze-60:   rgba(142, 107, 62, 0.60);
  --cream-18:    rgba(239, 231, 217, 0.18);
  --cream-30:    rgba(239, 231, 217, 0.30);
  --cream-60:    rgba(239, 231, 217, 0.60);
  --black-10:    rgba(24, 16, 22, 0.10);
  --black-50:    rgba(24, 16, 22, 0.50);

  --vellum-warm: #F2EBDA;
  --shadow-hair: 0 1px 0 var(--wine-12);

  /* ── Surface aliases ────────────────────────────────────────────────── */
  --bg:          var(--vellum);
  --fg:          var(--black-soft);
  --accent:      var(--bronze);

  /* ── Type families ──────────────────────────────────────────────────── */
  --font-display: 'DM Serif Display', 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-body:    'EB Garamond', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-accent:  'Cardo', 'EB Garamond', Georgia, serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ── Type scale (modular 1.25) ──────────────────────────────────────── */
  --type-12:  0.75rem;
  --type-14:  0.875rem;
  --type-16: 1rem;
  --type-18: 1.125rem;
  --type-21: 1.3125rem;
  --type-26: 1.625rem;
  --type-32: 2rem;
  --type-40: 2.5rem;
  --type-52: 3.25rem;
  --type-72: 4.5rem;
  --type-120: 7.5rem;

  /* fluid hero clamps */
  --type-hero:      clamp(3rem, 2rem + 7vw, 7.5rem);   /* 48 → 120px */
  --type-display:   clamp(2.5rem, 2rem + 4vw, 4.5rem); /* 40 → 72px */
  --type-subhead:   clamp(1.25rem, 1.1rem + 0.8vw, 1.75rem);
  --type-tagline:   clamp(1.3rem, 1.1rem + 0.9vw, 2rem);

  /* ── Spacing scale ──────────────────────────────────────────────────── */
  --sp-4: 0.25rem;
  --sp-8: 0.5rem;
  --sp-12: 0.75rem;
  --sp-16: 1rem;
  --sp-24: 1.5rem;
  --sp-32: 2rem;
  --sp-48: 3rem;
  --sp-64: 4rem;
  --sp-96: 6rem;
  --sp-128: 8rem;
  --sp-192: 12rem;

  /* ── Layout ─────────────────────────────────────────────────────────── */
  --max-content: 1280px;
  --max-read:    720px;
  --gutter-d:    2rem;
  --gutter-t:    1.5rem;
  --gutter-m:    1rem;

  /* ── Breakpoints (reference only · used in @media) ──────────────────── */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  /* ── Radius (sharp · editorial) ─────────────────────────────────────── */
  --r-0: 0px;
  --r-2: 2px;
  --r-pill: 999px;

  /* ── Motion ─────────────────────────────────────────────────────────── */
  --m-fast:    200ms ease-out;
  --m-medium:  400ms ease-out;
  --m-slow:    800ms cubic-bezier(0.16, 1, 0.3, 1);
  --m-feather: 2400ms cubic-bezier(0.22, 1, 0.36, 1);

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Sections ───────────────────────────────────────────────────────── */
  --section-y-d: var(--sp-96);
  --section-y-t: var(--sp-64);
  --section-y-m: var(--sp-48);
}

/* Dark mode intentionally OMITTED.  Editorial system is cream-based;
   dark mode dilutes the brand.  See PLAN-FINAL.md § 11 and research
   file 09-visual-design-language.md. */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}