/* variables.css — color system and tokens */
:root {
  --bg: #07152e;
  --bg2: #0b1f42;
  --surface: rgba(20, 36, 75, 0.72);
  --surface2: rgba(15, 28, 62, 0.86);
  --line: rgba(255, 255, 255, 0.11);
  --text: #f5f7fb;
  --muted: #b8c2d9;
  --accent: #23d0a5;
  --accent2: #21b7db;
  --red: #ff6b6b;
  --green: #5be28d;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  --radius: 20px;
  --max: 1180px;
}