/* Betbox — design tokens (vanilla; inspired by Launch/shadcn patterns, custom palette) */
:root {
  /* Pitch & turf — friendly sport, not generic blue SaaS */
  --bb-pitch: #0a1f14;
  --bb-pitch-mid: #123821;
  --bb-turf: #2ee07a;
  --bb-turf-dim: #1fb868;
  --bb-gold: #ffc93a;
  --bb-gold-deep: #e6a800;
  --bb-cream: #f6f8f4;
  --bb-mist: #e8eee9;
  --bb-white: #fafdfb;
  --bb-slate: #3d5248;
  --bb-muted: #5c6f65;
  --bb-danger: #e85d4c;
  --bb-ring: rgba(46, 224, 122, 0.45);

  --bb-bg: var(--bb-cream);
  --bb-surface: var(--bb-white);
  --bb-text: var(--bb-pitch);
  --bb-text-muted: var(--bb-muted);

  --bb-font-display: "Bebas Neue", "Impact", sans-serif;
  --bb-font-body: "DM Sans", system-ui, sans-serif;

  --bb-radius-sm: 8px;
  --bb-radius: 14px;
  --bb-radius-lg: 22px;
  --bb-radius-pill: 999px;

  --bb-space-xs: 0.35rem;
  --bb-space-sm: 0.65rem;
  --bb-space-md: 1rem;
  --bb-space-lg: 1.6rem;
  --bb-space-xl: 2.4rem;
  --bb-space-2xl: clamp(3rem, 6vw, 4.5rem);

  --bb-container: min(1120px, calc(100% - 2rem));
  --bb-shadow: 0 4px 24px rgba(10, 31, 20, 0.08);
  --bb-shadow-lift: 0 18px 50px rgba(10, 31, 20, 0.12);

  --bb-transition: 0.22s ease;
}