/* Mirrors /components/tokens.css (the design reference) — keep in sync. */

:root {
  --color-bg-black: #191919;
  --color-bg-white: #ffffff;
  --color-text-black: #191919;
  --color-text-white: #ffffff;
  --color-text-muted: rgba(25, 25, 25, 0.9);
  --color-surface-glass: rgba(255, 255, 255, 0.15);
  --color-surface-dark: #202020;
  --color-surface-light: #f9f9f9;
  --color-surface-accent-soft: #cfe8a8;
  --color-surface-green-soft: #eef7e0;
  --color-green-solid: #57b12d;

  --color-green-from: #97cf00;
  --color-green-to: #24b400;
  --gradient-green: linear-gradient(169deg, var(--color-green-from) 15%, var(--color-green-to) 109%);
  --gradient-dark: linear-gradient(-56deg, #000000 12%, #323232 84%);

  /* Futura family is proprietary; heavy geometric-sans fallbacks stand in until
     the real fonts (Futura Now Headline, Futura Bk) are licensed and hosted. */
  --font-display: "Futura Now Headline", "Futura XBlk BT", "Futura", "Arial Black", "Helvetica Neue", sans-serif;
  --font-body: "Source Sans 3", "Source Sans Pro", "Segoe UI", system-ui, sans-serif;
  --font-lead: "Futura Bk", "Futura", "Segoe UI", system-ui, sans-serif;
  --font-badge: "Futura Hv BT", "Futura", "Arial Black", sans-serif;
  --font-stat: "Futura Bold", "Futura", "Arial Black", sans-serif;

  --text-hero: 80px;
  --text-h2: 56px;
  --text-h3: 32px;
  --text-tile-h3: 42px;   /* deliberate spec override of the default h3 */
  --text-stat: 56px;
  --text-tile-number: 42px;
  --text-lead: 20px;
  --text-body: 18px;
  --text-label: 16px;
  --text-btn: 14px;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-page: 108px;

  --shadow-card: 0 8px 40px rgba(0, 0, 0, 0.08);
  --shadow-tile: 0 8px 20px rgba(0, 0, 0, 0.08);
}