/* ========================================
   Global — Variables, reset, typography
   ======================================== */

:root {
  --bg-dark: #0a0a14;
  --bg-card: #14141f;
  --bg-card-hover: #1a1a28;
  --accent-red: #c41e3a;
  --accent-red-dark: #8b0000;
  --accent-red-glow: rgba(196, 30, 58, 0.3);
  --accent-gold: #ffd700;
  --accent-gold-dim: #b8860b;
  --accent-blue: #4a90d9;
  --accent-green: #2d8a4e;
  --text-primary: #f0e6d3;
  --text-secondary: #8888aa;
  --text-dim: #555566;
  --border-color: #2a2a3a;
  --border-light: #3a3a4a;
  --font-pixel: 'Press Start 2P', monospace;
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }

body {
  font-family: var(--font-body);
  background: var(--bg-dark);
  color: var(--text-primary);
  min-height: 100vh;
  overflow-x: hidden;
}