/* ============================================================
   Teleteacher · «The Crew» — design tokens (landing)
   Single source for the landing's CSS custom properties.
   Mirrors design-tokens.md. Do not hardcode these hexes elsewhere;
   reference the variables. Change here → everything downstream updates.
   ============================================================ */

:root {
  /* ---- Color · surfaces ---- */
  --paper:        #FFFDF6;  /* main warm surface (never pure #FFF) */
  --cream:        #F7F3E8;  /* secondary surface / soft fill */
  --ink:          #1B2230;  /* text + dark blocks / CTA (duck-outline navy) */

  /* ---- Color · primary (blue = goggles) ---- */
  --blue:         #2563EB;  /* main accent */
  --blue-on-dark: #7AA0FF;  /* same accent, lifted for ink surfaces */
  --blue-soft:    #E7EDFD;  /* soft fill: kicker / pill */

  /* ---- Color · warm hero (yellow) + point accents ---- */
  --yellow:       #FFC400;  /* the one warm hero: highlight, Coach, "live" */
  --orange:       #F08A24;  /* secondary spark (beak) — use sparingly */
  --green:        #1FB85A;  /* live / done / success */

  /* ---- Color · neutrals ---- */
  --muted:        #8A8F9B;  /* captions */
  --line:         #ECE7DA;  /* warm dividers / card borders */

  /* ---- Typography ---- */
  --sans: "Nunito", system-ui, sans-serif;   /* display + body (rounded, human) */
  --mono: "JetBrains Mono", ui-monospace, monospace; /* numbers, labels, agent names, code */

  /* ---- Radius & elevation ---- */
  --radius-card: 16px;
  --radius-btn:  999px;  /* pill buttons — rounded, human (The Crew) */
  --radius-pill: 999px;
  --shadow-card: 0 2px 14px rgba(27,34,48,.06);
  --shadow-lift: 0 8px 24px rgba(27,34,48,.14);
}