/* css/tokens.css — the only source of design values (AGENTS.md rule 6).
   Palette verbatim from the Entry Trail brand palette, founder-supplied 2026-07-23,
   recorded in DESIGN.md Part 6 and implemented in the product repository's
   workbench/src/theme.css. No value below may be duplicated elsewhere; no value may be
   added without asking. */

:root {
  /* palette — DESIGN.md Part 6, verbatim */
  --surface-0: #f2efe9;        /* page background (brand cream) */
  --surface-1: #fbfaf6;        /* cards, panels */
  --surface-2: #eae5da;        /* table headers, wells, hover */
  --border: #e2dcd0;           /* brand hairline */
  --border-strong: #c7bfae;
  --text-primary: #1a2421;     /* brand ink (near-black green) */
  --text-secondary: #59605b;
  --text-muted: #616763;       /* 5.04:1 on surface-0, 4.61:1 on surface-2 */
  --accent: #173f3b;           /* deep forest green — interactive ONLY */
  --accent-hover: #2f5d45;     /* pine green — same meaning, lighter state */
  --accent-surface: #e3ece7;
  --gate: #c9783d;             /* terracotta — broker gate. BORDERS ONLY, never text */
  --gate-text: #8f5722;        /* the text-safe darkening; 4.70:1 worst case */
  --gate-surface: #f5e7d5;
  --danger: #a33b2e;           /* brick red — error / legal risk */
  --danger-surface: #faeaea;

  /* faces — pin W-008, RESOLVED 2026-08-08 (docs/pin_register.md) */
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Public Sans", "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* type scale — document scale, not the product's row density (DESIGN.md Part 6). */
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.375rem;
  --leading-tight: 1.2;
  --leading-body: 1.55;

  /* homepage composition — founder direction 2026-09-21, DESIGN.md Part 1.10.
     Scoped to the homepage; the existing document scale stays available elsewhere. */
  --text-home-hero: clamp(3rem, 7vw, 6.5rem);
  --text-home-section: clamp(2rem, 3.5vw, 3.5rem);
  --leading-display: 1.05;
  --container-home: 88rem;
  --home-gutter: var(--space-12);
  --home-title-measure: 13ch;
  --home-copy-measure: 46ch;
  --home-stage-inset: var(--space-16);

  /* spacing — 4px grid; no value off the grid (DESIGN.md Part 6) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* geometry — DESIGN.md Part 6 */
  --radius: 4px;               /* maximum anywhere; tables 0 */
  --measure: 72ch;             /* prose cap */
  --container: 68rem;          /* page column */
  --hairline: 1px;

  /* motion — bounded entrances approved 2026-09-21 (DESIGN.md Part 1.23) */
  --transition: 150ms ease-out;
  --motion-duration: 650ms;
  --motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-distance: var(--space-4);

  /* the two shadows — near-black at low opacity (DESIGN.md Part 1.4) */
  --shadow-1: 0 1px 2px rgba(26, 36, 33, 0.08);
  --shadow-2: 0 2px 8px rgba(26, 36, 33, 0.1);
}

@media (max-width: 56rem) {
  :root {
    --home-gutter: var(--space-6);
    --home-stage-inset: var(--space-4);
  }
}