/* src/index.css */
:root {
  --bg-dark: #09090b;
  --bg-card: #18181bbf;
  --border-hud: #f9731640;
  --hud-orange: #f97316;
  --hud-emerald: #10b981;
  --hud-amber: #f59e0b;
  --hud-red: #ef4444;
}

body {
  color: #f4f4f5;
  overflow-x: hidden;
  background-color: #09090b;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

.font-mono-code {
  font-family: JetBrains Mono, Fira Code, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.hud-grid-bg {
  background-image: linear-gradient(to right, #f973160a 1px, #0000 1px), linear-gradient(#f973160a 1px, #0000 1px);
  background-size: 32px 32px;
}

.scanline-overlay {
  background: linear-gradient(#fff0, #fff0 50%, #f9731608 50%, #f9731608) 0 0 / 100% 4px;
}

.glow-orange {
  box-shadow: 0 0 15px #f9731659;
}

.glow-emerald {
  box-shadow: 0 0 15px #10b98159;
}

.glow-red {
  box-shadow: 0 0 15px #ef444459;
}

.border-hud-orange {
  border-color: #f973164d;
}

.border-hud-emerald {
  border-color: #10b9814d;
}

.border-hud-amber {
  border-color: #f59e0b4d;
}

.border-hud-red {
  border-color: #ef44444d;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #09090b;
}

::-webkit-scrollbar-thumb {
  background: #f973164d;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: #f9731699;
}