:root {
  --paper: #f6f6f4;
  --soft: #e9ece5;
  --white: #fff;
  --ink: #20251e;
  --muted: #60665b;
  --sage: #dce5d5;
  --sage-dark: #476344;
  --growth-green: #23854d;
  --growth-tint: #e0efdf;
  --growth-bright: #b9ee88;
  --forest: #163b2b;
  --forest-muted: #c1d0c3;
  --forest-line: #42604b;
  --focus-ring: var(--sage-dark);
  --chart-ink: var(--growth-green);
  --chart-fill: var(--growth-tint);
  --orange: #f5662c;
  --yellow: #f2ec71;
  --yellow-tint: #f9f7ce;
  /* Shared roles carry the hero palette through every chapter. */
  --marketing-accent: var(--orange);
  --software-accent: var(--yellow);
  --outcome-accent: var(--sage);
  --line: #d8dbd0;
  --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;
  --space-9: 6rem;
  --space-10: 8rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --section-space: clamp(4rem, 8vw, 8rem);
  --layout-gap: clamp(2rem, 5vw, 5rem);
  --content-width: 1240px;
  --showcase-width: 960px;
  --radius-sm: 12px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --text-small: 0.82rem;
  --text-body: clamp(1rem, 1.4vw, 1.125rem);
  --text-h1: clamp(2.3rem, 3.7vw, 3.35rem);
  --text-h2: clamp(1.9rem, 3.1vw, 2.8rem);
  --text-h3: clamp(1.45rem, 2.1vw, 2rem);
}