/* Backseat OC design tokens, from backseat-oc-brand-kit/tokens/tokens.css. Fonts load from index.html. */

:root {
  /* Brand */
  --bs-night: #0E1A14;      /* app background */
  --bs-turf: #1F4D36;       /* field strip, app icon bg, chalkboard panels */
  --bs-chalk: #F4F1E8;      /* primary text, lines, headset */
  --bs-flag: #FFC72C;       /* the one accent: selected call, CTA, "OC", first-down line */

  /* Surfaces */
  --bs-surface: #16271E;    /* cards, unselected play buttons */
  --bs-surface-raised: #1C3226;
  --bs-border: #2B4536;

  /* Text */
  --bs-text: var(--bs-chalk);
  --bs-text-secondary: #D5DCD6;
  --bs-text-muted: #B9C4BC;
  --bs-text-on-flag: var(--bs-night);

  /* Game semantics */
  --bs-scrimmage: #4FA3FF;  /* line of scrimmage (blue, like TV) */
  --bs-first-down: var(--bs-flag);
  --bs-correct: #4ADE80;    /* called it */
  --bs-miss: #FF6B5B;       /* wrong call */

  /* Type */
  --bs-font-display: "Anton", "Impact", sans-serif;   /* ALWAYS uppercase */
  --bs-font-body: "Inter", system-ui, sans-serif;
  --bs-text-hero: 38px;     /* CALL THE PLAY */
  --bs-text-score: 26px;
  --bs-text-title: 22px;    /* header wordmark, CTA */
  --bs-text-body: 16px;
  --bs-text-small: 14px;
  --bs-text-caption: 12px;  /* labels: 700, letter-spacing .14em, uppercase */

  /* Space (4px base) */
  --bs-space-1: 4px;
  --bs-space-2: 8px;
  --bs-space-3: 12px;
  --bs-space-4: 16px;
  --bs-space-5: 20px;
  --bs-space-6: 24px;
  --bs-space-8: 32px;

  /* Radius */
  --bs-radius-sm: 8px;      /* field strip, small chips */
  --bs-radius-md: 12px;     /* play buttons */
  --bs-radius-lg: 14px;     /* cards, CTA */
  --bs-radius-xl: 16px;

  /* Motion */
  --bs-ease: cubic-bezier(.2, .8, .2, 1);
  --bs-dur-fast: 120ms;
  --bs-dur: 220ms;
  --bs-dur-reveal: 450ms;

  /* Hit area */
  --bs-touch-min: 44px;
}