/* =========================================================
   Design Tokens — alexd.com
   Single source of truth for color, type, radius, and shadow.
   Referenced by style.css and documented in /style-guide.html
   ========================================================= */

:root {
  /* --- Brand colors --- */
  --blue: #0208FB;
  --red: #F2292B;
  --yellow: #FFC600;

  /* --- Neutrals --- */
  --black: #0A0A0A;
  --white: #FFFFFF;
  --ink: #111111;
  --gray: #6B6B6B;
  --light-bg: #F7F7F5;

  /* --- Typography --- */
  --font-heading: 'Raleway', sans-serif; /* Raleway Black (900) — headings only */
  --font-body: 'Spline Sans', sans-serif; /* Spline Sans — body copy, UI */
  --font-numeral: 'Inter', sans-serif; /* Inter — all standalone numerals/digits (Raleway's digit glyphs are inconsistent) */

  /* --- Layout --- */
  --max: 1160px; /* shared content max-width */

  /* --- Radius scale --- */
  --radius-pill: 999px; /* buttons */
  --radius-nav: 100px;  /* floating nav pill */
  --radius-lg: 24px;    /* mobile nav dropdown */
  --radius-md: 20px;    /* funnel cards, playbook cards */
  --radius-sm: 16px;    /* image placeholders, testimonial cards */

  /* --- Shadow scale --- */
  --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.25); /* nav pill, dropdown */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.06);  /* playbook cards */
}