:root {
  /* Backgrounds */
  --bg-primary: #0a0f1a;
  --bg-secondary: #111827;
  --bg-tertiary: #1a2332;

  /* Accent */
  --accent-primary: #00BCD4;
  --accent-glow: rgba(0, 188, 212, 0.3);
  --accent-glow-subtle: rgba(0, 188, 212, 0.1);
  --accent-glow-light: rgba(0, 188, 212, 0.15);

  /* Text */
  --text-primary: #FFFFFF;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;

  /* Metallic */
  --metallic-silver: #C0C0C0;
  --metallic-dark: #71717A;

  /* Team member accents */
  --color-adam: #EC4899;
  --color-alex: #00BCD4;
  --color-colin: #EF4444;
  --color-cowboy: #3B82F6;
  --color-darlene: #EC4899;
  --color-fiona: #A855F7;
  --color-phil: #EF4444;
  --color-tanya: #00BCD4;
  --color-terry: #22C55E;
  --color-tony: #F97316;

  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-h1: 3rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.5rem;
  --font-size-body: 1rem;
  --font-size-caption: 0.875rem;

  /* Spacing */
  --spacing-section: 4rem;
  --spacing-card: 1.5rem;
  --spacing-element: 1rem;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 64px;

  /* Breakpoints (used in media queries, not as variables) */
  /* Mobile: < 768px */
  /* Tablet: 768px - 1199px */
  /* Desktop: 1200px+ */

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}