/* =========================
   tokens.core.css
   Structural tokens - keep stable
   ========================= */

:root {
  /* Layout */
  --container: 80rem;        /* 1280px */
  --container-wide: 92rem;   /* 1472px */
  --gutter: clamp(1rem, 3vw, 2.5rem);
  --measure: 70ch;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Radii */
  --radius-1: 1px;
  --radius-2: 3px;
  --radius-3: 6px;
  --radius-round: 999px;

  /* Motion */
  --ease: ease-in-out;
  --ease-linear: linear;
  --dur-1: 150ms;
  --dur-2: 240ms;
  --dur-3: 600ms;

  /* Z-index */
  --z-header: 100;
  --z-overlay: 200;
  --z-footer: 50;

  /* Header + icon interaction */
  --header-height: 72px;
  --icon-hit: 44px;
  --icon-size: 28px;

  /* Typography scale scaffolding */
  --text-base: 16px;
  --lh-body: 1.45;
  --lh-tight: 1.05;

  /* Form defaults */
  --field-radius: 12px;
  --field-pad-y: 0.8rem;
  --field-pad-x: 1rem;

  /* Nav overlay spacing */
  --overlay-pad-y: clamp(2rem, 10vh, 6rem);
}