:root {
  /* Ice / arena colors */
  --ice-white: #e8f0f8;
  --ice-blue: #cde4f6;
  --ice-glow: #b8d8f0;
  --rink-border: #cc0000;
  --boards-brown: #5c3317;
  --glass-clear: rgba(255,255,255,0.15);

  /* Team colors (default - can be customized) */
  --team-primary: #003087;
  --team-secondary: #FFB81C;
  --team-dark: #001f5b;
  --team-light: #ffe066;

  /* UI feedback */
  --correct-green: #28a745;
  --correct-light: #d4edda;
  --incorrect-red: #dc3545;
  --incorrect-light: #f8d7da;
  --xp-gold: #ffd700;
  --star-yellow: #ffca28;
  --streak-orange: #ff8c00;

  /* Text */
  --text-dark: #1a1a2e;
  --text-light: #ffffff;
  --text-muted: #6c757d;
  --text-blue: #004aad;

  /* Backgrounds */
  --bg-dark: #0a0a1a;
  --bg-arena: #1a1a2e;
  --bg-card: #ffffff;
  --bg-overlay: rgba(0,0,0,0.6);

  /* Sizing for iPad */
  --tap-target: 48px;
  --font-xs: 14px;
  --font-sm: 16px;
  --font-body: 20px;
  --font-lg: 24px;
  --font-heading: 28px;
  --font-xl: 36px;
  --font-xxl: 48px;
  --border-radius: 12px;
  --border-radius-lg: 20px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.15);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.2);
  --shadow-glow: 0 0 20px rgba(0,48,135,0.3);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}