/* Design tokens: 1:1 with the Paper file «Invest» (get_tokens, hash d50914f9).
   Names and values are the canvas tokens. The two font-family tokens carry the
   web fallback stack after the Paper value; everything else is verbatim. */
:root {
  --color-ink: #241710;
  --color-surface: #F5EBDD;
  --color-ground: #FF6600;
  --color-ground-deep: #E8470C;
  --color-paper: #FBF7F0;
  --color-night: #0B0E16;
  --color-cocoa: #6B4632; /* added 2026-09-09 (site stage): milk-chocolate band behind the request form; not on the canvas yet */

  --font-sans: Inter, "Inter Fallback", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace; /* canvas token; not used on the page and not loaded since 2026-10-24 */
  --font-display: Archivo; /* declared on the canvas, not used on the page */

  --text-label: 13px;
  --text-body: 18px;
  --text-cta: 18px;
  --text-h3: 28px;
  --text-h2: 40px;
  --text-display: 52px;
  --text-display-xl: 72px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --font-weight-heavy: 900;

  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-caps: 0.1em;

  --leading-display: 105%;
  --leading-tight: 120%;
  --leading-body: 145%;

  --breakpoint-mobile: 390px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1440px;

  --container-prose: 760px;
  --container-max: 1200px;

  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-2xl: 64px;

  --radius-sharp: 2px;
  --radius-md: 3px;
}