/* ============================================================
   THEME - colours, fonts, global reset.
   Change a value in :root and the whole game updates.
   ============================================================ */
/* ==========================================================
   COLOR VARIABLES - the single source of truth for the theme.
   Change a value here and the whole game's colors update.
   ========================================================== */
:root {
--bg-primary: #050510;
--bg-secondary: #0a0a1f;
--bg-card: #0d0d28;
--fg-primary: #e8f0ff;
--fg-secondary: #8899bb;
--accent-green: #00ff88;
--accent-cyan: #00ddff;
--accent-orange: #ff8800;
--accent-blue: #4488ff;
--accent-red: #ff4466;
--accent-yellow: #ffd700;
--border-color: #1a1a3a;
--glow-green: rgba(0, 255, 136, 0.3);
}

/* Reset browser default margins/padding so we control spacing. */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* Body / whole-page background and text color. */
body {
font-family: 'IBM Plex Mono', 'Courier New', monospace;
background: linear-gradient(135deg, #0a0a1a 0%, #0d0d2b 100%);
color: #00ff88;
min-height: 100vh;
overflow-x: hidden;
}

/* Big sci-fi headings use the Orbitron font. */
h1, h2, h3, h4, .display-font, .card-title, .system-name, .header h1, .section-title, .overlay-title {
font-family: 'Orbitron', sans-serif;
letter-spacing: 1px;
}