:root {
  --bg: #0b0e14;
  --bg-glow: radial-gradient(60% 50% at 50% 0%, rgba(108, 140, 255, 0.12), transparent);
  --panel: #12161f;
  --panel-2: #171c26;
  --border: rgba(255, 255, 255, 0.08);
  --text: #e7ebf3;
  --text-dim: #8b93a7;
  --accent: #6c8cff;
  --accent-2: #ffb454;
  --danger: #ff6b6b;
  --radius: 16px;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Per-column accents, layered on top of the palette above (not a
     replacement) — one per fixed retro column. --accent-improve is kept
     as its own token even though it currently matches --danger, so
     --danger stays free to mean "actual error state" if ever needed. */
  --accent-good: #4ade80;
  --accent-improve: #ff6b6b;
  --accent-action: #b491ff;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg) var(--bg-glow);
  color: var(--text);
  font-family: var(--font);
}

body {
  padding: 2rem 1rem;
}

button {
  font: inherit;
}