/* css/main.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --space-navy: #06111F;
  --midnight: #0B172A;
  --surface: #101D2F;
  --cyan: #00D9FF;
  --blue: #2563EB;
  --violet: #7C3AED;
  --grid-color: rgba(148, 163, 184, 0.05);
}

body {
  background-color: var(--space-navy);
  color: #F8FAFC;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.font-mono { font-family: 'JetBrains Mono', monospace; }

/* Futuristic Grid Background */
.bg-grid {
  background-image: linear-gradient(to right, var(--grid-color) 1px, transparent 1px),
                    linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: center center;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--space-navy); }
::-webkit-scrollbar-thumb { background: var(--surface); border-radius: 4px; border: 1px solid rgba(255,255,255,0.1); }
::-webkit-scrollbar-thumb:hover { background: var(--blue); }