:root {
  /* Vibe: Cobra (Deep Black & Neon Green) */
  --co-black-deep: #050505; /* Blacker than black */
  --co-black-onyx: #121212;
  --co-black-surface: #1e1e1e;
  --co-black-surface-light: #2c2c2c;
  --co-black-elevated: #242424;
  
  --co-green-neon: #00ff00; /* Cobra Green */
  --co-green-glow: rgba(0, 255, 0, 0.4);
  --co-green-dim: #00b300;
  --co-green-hover: #33ff33;
  
  --co-white: #ffffff;
  --co-gray-light: #f5f5f5;
  --co-gray-muted: #888888;
  --co-gray-dark: #444444;

  /* Layout Constants */
  --banner-height: 35px;
  --header-height: 80px;

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Oswald', 'Inter', sans-serif; /* Tall, athletic look */

  /* Spacing Grid (Adidas style: spacious) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 96px;

  /* Borders & Shadows */
  --radius-none: 0px; /* Sharp, aggressive edges */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-subtle: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-neon: 0 0 10px var(--co-green-glow), 0 0 20px rgba(0,255,0,0.2);

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slug: 0.8s cubic-bezier(0.2, 0, 0, 1);
}