/* Racing Home 3D - Theme Colors */
:root {
  /* Primary Colors - Dark Navy Background */
  --bg-primary: #030811;
  --bg-secondary: #030811;
  --bg-elevated: #081525;
  --bg-section-blue: #07182a;
  
  /* Accent Colors */
  --accent-teal: #00C8C0;
  --accent-red: #FF4444;
  
  /* Text Colors */
  --text-primary: #FFFFFF;
  --text-secondary: #B8C8D8;
  
  /* Border Colors */
  --border-light: rgba(0, 200, 192, 0.15);
  --border-medium: rgba(0, 200, 192, 0.3);
  --border-strong: rgba(0, 200, 192, 0.5);
  
  /* Gradient Colors */
  --gradient-start: rgba(0, 200, 192, 0.1);
  --gradient-mid: rgba(11, 24, 41, 0.8);
  --gradient-end: rgba(22, 43, 68, 0.9);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 96px;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

/* Scroll Bar Styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--accent-teal);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}