/* Motorsport Dark Theme for Trackday App */

:root {
  /* Primary dark backgrounds */
  --bg-primary: #000000;        /* Pure black */
  --bg-secondary: #0a0a0a;      /* Very dark gray */
  --bg-tertiary: #1a1a1a;       /* Dark gray for cards */
  --bg-elevated: #262626;       /* Lighter dark gray for elevated elements */
  
  /* High contrast text - much brighter */
  --text-primary: #ffffff;      /* Pure white for primary text */
  --text-secondary: #f3f4f6;    /* Very light gray for secondary text */
  --text-muted: #e5e7eb;        /* Light gray for less important text */
  
  /* Borders */
  --border-primary: #374151;    /* Dark gray borders */
  --border-secondary: #1f2937;  /* Even darker borders */
  
  /* Signature motorsport red - used sparingly for impact */
  --racing-red: #C80502;        /* Bright signature red */
  
  /* Additional racing colors for variety */
  --racing-blue: #1e40af;       /* Deep blue */
  --racing-green: #059669;      /* Racing green */
  --racing-yellow: #d97706;     /* Warning yellow */
  --racing-orange: #ea580c;     /* Orange accent */
  --racing-purple: #7c3aed;     /* Purple accent */
  
  /* Shadows for depth */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.6);
}

/* Apply dark theme to body */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

/* Utility classes for easy use */
.bg-primary { background-color: var(--bg-primary); }
.bg-secondary { background-color: var(--bg-secondary); }
.bg-tertiary { background-color: var(--bg-tertiary); }
.bg-elevated { background-color: var(--bg-elevated); }

.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }

.border-primary { border-color: var(--border-primary); }
.border-secondary { border-color: var(--border-secondary); }

/* Signature motorsport red - used sparingly for maximum impact */
.bg-racing-red { background-color: var(--racing-red); }
.text-racing-red { color: var(--racing-red); }

/* Additional racing colors for variety */
.bg-racing-blue { background-color: var(--racing-blue); }
.bg-racing-green { background-color: var(--racing-green); }
.bg-racing-yellow { background-color: var(--racing-yellow); }
.bg-racing-orange { background-color: var(--racing-orange); }
.bg-racing-purple { background-color: var(--racing-purple); }

.text-racing-blue { color: var(--racing-blue); }
.text-racing-green { color: var(--racing-green); }
.text-racing-yellow { color: var(--racing-yellow); }
.text-racing-orange { color: var(--racing-orange); }
.text-racing-purple { color: var(--racing-purple); }

/* Shadow utilities */
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-xl { box-shadow: var(--shadow-xl); }