/* Design tokens: design/tokens.css is the repo master and every consumer
   carries a byte-identical copy that `pnpm design:sync` writes. Every colour
   role is a custom property here; a stylesheet names the role, never the
   value. One palette: bone paper carries the page, navy ink and navy bands
   change pace, safety orange is the single accent, and a white sheet carries
   a document-like panel. */

:root {
  color-scheme: light;

  --font-display: 'Barlow Condensed', 'Barlow Condensed Fallback', 'Arial Narrow', Arial, sans-serif;
  --font-body: 'Public Sans', 'Public Sans Fallback', Arial, sans-serif;
  /* Fragment Mono is for data artifacts: a log row, a receipt line, a timestamp, an id. */
  --font-mono: 'Fragment Mono', 'Fragment Mono Fallback', 'Courier New', monospace;

  --text-h1: clamp(84px, 2.8rem + 5.6vw, 140px);
  --text-h2: clamp(44px, 2rem + 2.8vw, 76px);
  --text-h3: clamp(21px, 1.1rem + 0.5vw, 26px);
  --text-lead: clamp(18px, 1rem + 0.55vw, 21px);
  --text-body: 17px;
  --text-small: 14.5px;
  --text-caption: 13px;
  --leading-display: 0.92;
  --leading-body: 1.6;
  --tracking-display: -0.022em;
  --tracking-h3: -0.02em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --section-y: clamp(72px, 9vw, 136px);
  --gutter: clamp(20px, 5vw, 72px);
  --content-max: 1280px;
  --nav-h: 76px;

  --radius-control: 6px;
  --radius-panel: 14px;

  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Page: bone paper. */
  --bg: #efe7d8;
  --bg-raised: #f8f4ec;
  --bg-sunk: #e4dbc9;
  --bg-sheet: #ffffff;
  --fg: #14202e;
  --fg-muted: #44556a;
  --fg-faint: #6b7a8c;
  --rule: rgba(20, 32, 46, 0.14);
  --rule-strong: rgba(20, 32, 46, 0.3);
  --rule-faint: rgba(20, 32, 46, 0.07);
  --accent: #c6440f;
  --accent-strong: #a13a11;
  --focus: #c6440f;
  --btn-bg: #14202e;
  --btn-fg: #efe7d8;
  --btn-bg-hover: #2a3b4f;
  --nav-glass: rgba(239, 231, 216, 0.84);
  --shadow-lift: 0 40px 120px -20px rgba(20, 32, 46, 0.55);
  --shadow-edge: 0 1px 0 rgba(20, 32, 46, 0.06), 0 24px 60px -30px rgba(20, 32, 46, 0.45);
  --scrim: rgba(20, 32, 46, 0.6);

  /* Band: navy carries a chapter; components read these through .band. */
  --band-bg: #14202e;
  --band-raised: #1c2938;
  --band-fg: #efe7d8;
  --band-fg-muted: #b4bfcc;
  --band-rule: rgba(180, 191, 204, 0.22);
  --band-accent: #e85b1c;
  --band-focus: #efe7d8;
  --band-btn-bg: #efe7d8;
  --band-btn-fg: #14202e;
  --band-btn-bg-hover: #ffffff;

  /* Brief: the hero's recovered-call card. */
  --brief-bg: #14202e;
  --brief-fg: #efe7d8;
  --brief-fg-muted: #b4bfcc;
  --brief-rule: rgba(180, 191, 204, 0.24);
  --brief-accent: #e85b1c;

}