/* ========== RESET & VARIABLES ========== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg-primary: #0a0c10;
  --bg-secondary: #0d1117;
  --bg-card: #111820;
  --bg-card-hover: #151d28;
  --border-color: rgba(56, 189, 248, 0.08);
  --border-hover: rgba(56, 189, 248, 0.2);
  --accent: #38bdf8;
  --accent-dim: rgba(56, 189, 248, 0.4);
  --accent-glow: rgba(56, 189, 248, 0.15);
  --warning: #f59e0b;
  --danger: #ef4444;
  --success: #22c55e;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-dim: #475569;
  --grid-line: rgba(56, 189, 248, 0.04);
  --grid-intersection: rgba(56, 189, 248, 0.12);
  --grid-size: 40px;
  --font-mono: 'Share Tech Mono', monospace;
  --font-heading: 'Rajdhani', sans-serif;
  --font-body: 'Barlow', sans-serif;
}