/* ==========================================================================
   LOCKWOOD — tokens.css
   Design tokens only. No selectors beyond :root.
   Source of truth: CLAUDE.md §3 (palette, type, layout) and §7 (motion).
   ========================================================================== */

:root {
  /* ---- Palette ------------------------------------------------------- */
  --ink:      #0B0E11;                 /* page background                  */
  --ink-2:    #14181D;                 /* panels, cards, table rows        */
  --bone:     #E9E4D8;                 /* primary text                     */
  --bone-dim: #A39D8F;                 /* secondary text, captions         */
  --brass:    #B98A44;                 /* the only accent — spend sparingly*/
  --line:     rgba(233, 228, 216, 0.14); /* hairlines, table borders       */
  --ph-red:   #D0021B;                 /* REDBOX placeholders only         */

  /* Scrim: the one permitted gradient (ink → transparent over media) */
  --scrim: linear-gradient(to top, rgba(11, 14, 17, 0.82), rgba(11, 14, 17, 0) 55%);

  /* ---- Type ---------------------------------------------------------- */
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-text:    "Instrument Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;

  --fs-hero: clamp(3.4rem, 9.5vw, 10rem);   /* h1, leading .95            */
  --fs-h2:   clamp(2.2rem, 5vw, 4.5rem);
  --fs-h3:   clamp(1.4rem, 2.4vw, 2.1rem);
  --fs-body: clamp(1rem, 1.1vw, 1.125rem);
  --fs-mono: 0.8125rem;                     /* letter-spacing .06em, upper */

  --ls-mono: 0.06em;
  --lh-tight: 0.95;
  --lh-heading: 1.05;
  --lh-body: 1.6;

  /* ---- Layout -------------------------------------------------------- */
  --max-w: 1600px;
  --gutter: clamp(16px, 2.5vw, 40px);
  --section-pad: clamp(96px, 14vh, 200px);
  --radius-pill: 999px;                     /* the only border-radius     */

  /* ---- Motion (CSS mirrors of the GSAP tokens) ----------------------- */
  --dur-1: 0.5s;
  --dur-2: 0.9s;
  --dur-3: 1.4s;
  --stagger: 0.07s;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);   /* ≈ power4.out        */
  --ease-inout:  cubic-bezier(0.87, 0, 0.13, 1);   /* ≈ expo.inOut        */
  --ease-soft:   cubic-bezier(0.33, 1, 0.68, 1);   /* ≈ power2.out        */

  /* ---- Stacking ------------------------------------------------------ */
  --z-header: 100;
  --z-menu: 200;
  --z-curtain: 300;
}