/* ============================================================
   tokens.css — Gatsby / Art Deco build ("Supper Club").
   Self-contained variation: warm ink-black card stock, stamped
   gold foil, champagne text, geometric deco motifs.
   Poiret One (display, Cyrillic) + Jost 200..600 (body, Cyrillic).
   Source of truth for colour, type and motion in this collection.
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- Colour: one accent (gold), warm neutral family only ---- */
  --bg: #0b0906;             /* warm ink-black card stock */
  --bg-deep: #070502;        /* footer, vignette floor */
  --surface-low: #100d09;    /* alternating section */
  --surface: #15110b;        /* panel */
  --surface-high: #1c1710;   /* image well, plate face */
  --rsvp-bg: #100d09;        /* RSVP card */

  --ink: #f3ead2;            /* champagne primary text */
  --ink-2: #cdbf9f;          /* secondary text */
  --muted: #8c7e59;          /* labels, metadata */
  --line: #2e2718;           /* dim hairline */
  --line-gold: rgba(212, 175, 55, 0.42);
  --line-gold-soft: rgba(212, 175, 55, 0.16);
  --field-line: #4a3f26;     /* input underline (rest) */

  --accent: #d4af37;         /* gold, the only accent */
  --accent-deep: #e8cd72;    /* lighter gold for small text on black */
  --gold-hi: #f7e6a8;        /* foil highlight */
  --gold-lo: #96741c;        /* foil shadow */
  /* stamped-foil ramp: highlight, core, shadow, second highlight */
  --foil: linear-gradient(103deg,
    var(--gold-hi) 0%, var(--accent) 26%, var(--gold-lo) 47%,
    var(--accent) 62%, var(--gold-hi) 84%, var(--accent) 100%);
  --gold-grad: var(--foil);  /* legacy alias */

  --btn-bg: #d4af37;
  --btn-on: #120f08;
  --btn-hover: #e8cd72;

  /* ---- Typography ---- */
  --font-display: "Poiret One", "Trebuchet MS", sans-serif;
  --font-body: "Jost", "Century Gothic", system-ui, sans-serif;

  --fs-display: clamp(2.9rem, 0.7rem + 8.6vw, 6.5rem);
  --fs-h2: clamp(1.6rem, 1.1rem + 2.1vw, 2.5rem);
  --fs-h3: clamp(1.2rem, 1.05rem + 0.8vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 0.98rem + 0.5vw, 1.28rem);
  --fs-body-lg: 1.0625rem;
  --fs-body: 1rem;
  --fs-label: 0.7rem;
  --fs-micro: 0.625rem;
  --fs-numeral: clamp(0.78rem, 0.7rem + 0.4vw, 0.95rem);

  --lh-tight: 1.1;
  --lh-body: 1.7;
  --tracking-display: 0.1em;    /* deco display is spaced, not tight */
  --tracking-label: 0.24em;
  --tracking-wide: 0.38em;

  /* ---- Layout ---- */
  --container: 760px;           /* text measure, ~65ch */
  --container-wide: 1180px;
  --container-bleed: 1420px;
  --gutter: clamp(20px, 4.5vw, 40px);
  --section-space: clamp(4.75rem, 2.5rem + 9vw, 9rem);
  --chapter-space: clamp(2.75rem, 1.5rem + 4vw, 4.5rem);

  /* ---- Shape (sharp deco: no radii, nested frames instead) ---- */
  --radius: 0;
  --hairline: 1px;
  --frame-gap: 6px;
  --field-border: 1px solid var(--field-line);

  /* ---- Depth: shadows carry the canvas hue, never neutral black ---- */
  --shadow-plate: 0 1px 0 rgba(247, 230, 168, 0.07) inset,
                  0 18px 40px -24px rgba(4, 3, 1, 0.9);
  --shadow-lift: 0 30px 60px -34px rgba(4, 3, 1, 0.95);

  /* ---- Motion: expressive easing only ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);          /* expo out */
  --ease-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 720ms;
  --reveal-duration: 1000ms;
  --reveal-shift: 34px;

  /* ---- Layer scale (no arbitrary z-index) ---- */
  --z-grain: 5;
  --z-frame: 6;
  --z-nav: 40;
  --z-float: 60;
  --z-modal: 100;
}