/* Crickstore console tokens: palette, type, spacing, and elevation. */
:root {
  color-scheme: light;

  /* Palette */
  --pitch: #0c3b2e;
  --pitch-deep: #082b21;
  --turf: #1f7a5c;
  --lime: #d9f27c;
  --ball: #d6472f;
  --cream: #f7f3ea;
  --paper: #fffdf7;
  --ink: #15201b;
  --muted: #68736c;
  --line: #e4ded1;
  --sand: #ede6d6;
  --amber: #c98a1b;
  --success: #2f7d5b;

  /* Tints */
  --turf-soft: #e5f1eb;
  --lime-soft: #f3f8dc;
  --ball-soft: #fbe9e5;
  --amber-soft: #fbf1dc;
  --success-soft: #e7f3ec;
  --paper-raised: #fffefa;

  /* Type */
  --font-display: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --text-xs: 0.6875rem;
  --text-sm: 0.75rem;
  --text-base: 0.875rem;
  --text-md: 0.9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-display: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;

  /* Shape */
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-overlay: 0 24px 64px rgb(8 43 33 / 24%);
  --shadow-panel: 0 8px 24px rgb(8 43 33 / 10%);

  /* Layout */
  --sidebar-width: 272px;
  --content-max: 1440px;
  --focus-ring: 3px solid var(--lime);

  /* Motion */
  --ease: 150ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ease: 0ms linear;
  }
}