/* ─── Reset & tokens ─── */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg: #0B192C;
  /* Darker navy closer to Illini Blue */
  --surface: #13294B;
  /* Exact Illini Blue */
  --surface-2: #1D3B6B;
  /* Lighter Illini Blue for active elements */
  --border: #2C4E8A;
  --text: #e4e6f0;
  --text-dim: #9fb3ce;
  --accent: #FF5F05;
  --accent-2: #009FD4;
  --accent-glow: rgba(255, 95, 5, .35);
  --teal: #1D58A7;
  --coral: #FF5F05;
  --gold: #FCB316;
  --radius: 12px;
  --radius-sm: 8px;
  --font: 'Inter', system-ui, sans-serif;
}

html {
  font-size: 15px;
}

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}