:root {
  --ds-color-bg:#05080d;
  --ds-color-bg-soft:#08111f;
  --ds-color-text:#f8fbff;
  --ds-color-muted:#a8b6c6;
  --ds-color-dim:#708194;
  --ds-color-accent:#99d9d9;
  --ds-color-blue:#355464;
  --ds-color-navy:#001628;
  --ds-color-danger:#c00000;
  --ds-surface-glass:rgba(255,255,255,.062);
  --ds-surface-glass-strong:rgba(255,255,255,.09);
  --ds-border-glass:rgba(255,255,255,.14);
  --ds-font-hero:clamp(62px,10vw,140px);
  --ds-font-section:clamp(38px,6vw,82px);
  --ds-font-card:clamp(28px,3vw,42px);
  --ds-font-body:18px;
  --ds-font-eyebrow:12px;
  --ds-space-section:clamp(70px,10vw,130px);
  --ds-space-card:clamp(30px,6vw,74px);
  --ds-space-gutter:clamp(20px,4vw,40px);
  --ds-radius-sm:14px;
  --ds-radius-md:22px;
  --ds-radius-lg:30px;
  --ds-radius-pill:999px;
  --ds-motion-reveal:500ms ease-out;
  --ds-motion-hover:180ms ease-out;
}


/* alpha.25.4 — Growth Story vertical rhythm tokens
   Scope: individual Growth Story pages only.
   --se-story-top-gap was validated live at 45px on Frederick's.
*/
body.single-growth_story {
  --se-story-top-gap: 45px;
  --se-story-section-gap: clamp(56px, 6vw, 72px);
  --se-story-card-padding: clamp(28px, 5vw, 64px);

  /* Existing runtime.css consumes these tokens for .se-chapter and .se-metrics. */
  --ds-space-section: var(--se-story-section-gap);
  --ds-space-card: var(--se-story-card-padding);
}