/**
 * South End Pickleball — shared design tokens (canonical breakpoints, palette, spacing).
 * Load before page-specific and component CSS.
 */
:root {
  /* Canonical breakpoints (use these pixel values in @media; avoid drifting magic numbers) */
  --bp-phone: 520px;
  --bp-tablet: 680px;
  --bp-nav: 768px;
  --bp-desktop: 960px;

  /* Club green / gold (aligned with hub + league theme) */
  --green: #1a6b3a;
  --green-lt: #2d9458;
  --green-dk: #0f3f22;
  --gold: #e8a020;
  --gold-hover: #d4911a;
  --gold-lt: #ffd166;
  --cream: #fafaf5;
  --ink: #111810;
  --muted: #5a6357;
  --rule: #dde5d9;
  --red: #c0392b;

  /* Spacing scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
}