:root {
  --primary: #00ff88;
  --bg-dark: #0a0e27;
  --border: #1a1f3a;
}

body {
  background-color: var(--bg-dark);
}

.grid-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image:
    linear-gradient(rgba(26, 31, 58, 0.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26, 31, 58, 0.5) 1px, transparent 1px);
  background-size: 40px 40px;
  z-index: -1;
  pointer-events: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg-dark);
}
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

/* Utilities */
.font-display {
  font-family: "Orbitron", sans-serif;
}
.font-mono {
  font-family: "Space Mono", monospace;
}