/* Game Atlas site: the Terminal theme's tokens (packages/ui), no build step. */
:root {
  --bg: #07090c;
  --surface: #0d1116;
  --border: #1e2731;
  --text: #dde6ed;
  --muted: #7c8b99;
  --accent: #4fd6c9;
  --sans: 'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mono: 'JetBrains Mono Variable', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.6 var(--sans);
}
main, header, footer { max-width: 44rem; margin: 0 auto; padding: 0 16px; }
header { display: flex; justify-content: space-between; align-items: center; padding-top: 24px; }
header a.brand { font: 600 15px var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--text); text-decoration: none; }
nav a { margin-left: 16px; font-size: 14px; }
h1 { font: 650 clamp(28px, 7vw, 40px)/1.15 var(--mono); letter-spacing: 0.02em; margin: 48px 0 16px; }
h2 { font: 600 18px var(--mono); margin: 32px 0 8px; }
a { color: var(--accent); }
p, li { color: var(--text); }
.muted, small { color: var(--muted); }
.tiers { display: grid; gap: 12px; margin: 24px 0; padding: 0; list-style: none; }
.tiers li { border: 1px solid var(--border); background: var(--surface); padding: 12px 16px; }
.tiers b { font-family: var(--mono); }
footer { border-top: 1px solid var(--border); margin-top: 64px; padding: 16px; font-size: 13px; color: var(--muted); }