/* Nimble design system — canonical copy, mirrored to docs/tokens.css.
   ponytail: two copies because docs/ (GitHub Pages) and web/ (Vercel) are
   separate deploy roots; add a build step only if a third surface shows up. */

:root {
  /* Brand */
  --yellow: #ffca30;
  --yellow-deep: #b08300;
  --black: #000;
  --white: #fff;

  /* Ink */
  --text: var(--black);
  --text-mid: #555;
  --text-light: #999;
  --on-yellow-mid: rgba(0, 0, 0, 0.6);

  /* Surfaces */
  --bg: var(--white);
  --bg-accent: var(--yellow);
  --line: #e0e0e0;

  /* Type — Europa is Maybulb's licensed Typekit face; this is its own fallback stack. */
  --font: "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fw-regular: 400;
  --fw-bold: 700;
  --lh: 1.6;
  --tracking-tight: -0.02em;

  /* Space */
  --s1: 0.5rem;
  --s2: 1rem;
  --s3: 1.5rem;
  --s4: 2.5rem;
  --s5: 4rem;

  /* Shape — flat and square, no pills, no gradients */
  --radius: 0;
  --radius-card: 10px;
  --divider: 2px solid var(--yellow);
}