:root {
  /* MotoGP-inspired palette */
  --red: #E10600;
  --red-dark: #B30500;
  --navy: #1A1A2E;
  --navy-light: #16213E;
  --blue-deep: #0F3460;
  --gold: #F5A623;
  --gold-light: #FFD88A;

  /* Neutrals */
  --bg: #F2F3F5;
  --bg-card: #FFFFFF;
  --bg-subtle: #E9EAED;
  --border: #D5D8DC;
  --border-light: #E2E4E8;

  /* Text */
  --text: #1A1A2E;
  --text-secondary: #6C757D;
  --text-muted: #9BA3AD;
  --text-inverse: #FFFFFF;

  /* Feedback */
  --success: #28A745;
  --warning: #F5A623;
  --error: #E10600;

  /* Gradients */
  --gradient-hero: linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%);
  --gradient-red: linear-gradient(135deg, #E10600, #FF3D2E);
  --gradient-card: linear-gradient(180deg, rgba(26,26,46,0.03) 0%, transparent 100%);

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.15);

  /* Typography */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Oswald', 'Inter', sans-serif;

  /* Layout */
  --max-width: 480px;
  --nav-height: 60px;
}

/* ===== DARK THEME ===== */
[data-theme="dark"] {
  --bg: #12121F;
  --bg-card: #1A1A2E;
  --bg-subtle: #16213E;
  --border: #2A2A45;
  --border-light: #222240;

  --text: #E8E8F0;
  --text-secondary: #9A9AB8;
  --text-muted: #6B6B8A;
  --text-inverse: #FFFFFF;

  --gradient-hero: linear-gradient(135deg, #0F3460 0%, #1A1A2E 50%, #16213E 100%);
  --gradient-card: linear-gradient(180deg, rgba(15,52,96,0.1) 0%, transparent 100%);

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.5);
}