/* Scrapture Signal tokens — the app's design language, verbatim. */
:root {
  /* Palette (Signal, night edition). Terracotta is action + brand mark ONLY.
     Dark stage: same warm family as the app's paper, inverted. No purple, ever. */
  --paper: #141110;
  --surface: #1F1B18;
  --ink: #F2EEE8;
  --sub: #A79C8E;
  --line: #2E2924;
  --accent: #D2521D;
  --accent-soft: #3A2317;
  --ember: rgba(210, 82, 29, 0.14);

  /* Spacing scale */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 40px;
  --s5: 64px;
  --s6: 88px;
  --s7: 112px;
  --s8: 144px;

  /* Type scale */
  --display-xl: clamp(52px, 10vw, 136px);
  --display-lg: clamp(36px, 6.5vw, 84px);
  --display-md: clamp(28px, 4.5vw, 56px);
  --body-lg: clamp(18px, 2.2vw, 22px);
  --body-md: 17px;
  --meta: 12px;
  --meta-sm: 11px;

  --font-display: 'Schibsted Grotesk', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-card: 14px;
  --radius-pill: 999px;
  --shadow-lift: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 16px 40px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 8px 24px rgba(0, 0, 0, 0.4);

  --max-copy: 34em;
  --gutter: clamp(20px, 5vw, 64px);
}