/* ── TOKENS & RESET ── */
:root {
  --bg-start: #07080C;
  --bg-end: #0E1117;
  --surface: #141821;
  --border: #232a36;
  --text: #E8EAF0;
  --text-muted: #8A93A6;
  --glass-bg: rgba(20,24,33,0.62);
  --glass-border: rgba(255,255,255,0.07);
  --glass-blur: 14px;
  --neon-core: 222, 48, 78;
  --neon-mid: 205, 18, 52;
  --neon-far: 150, 0, 30;
  --neon-head: 255, 72, 104;
  --cyan: 0, 240, 255;
  --font-display: 'Rajdhani', 'Be Vietnam Pro', sans-serif;
  --font-body: 'Be Vietnam Pro', system-ui, sans-serif;
  --ticker-h: 0px;
  --header-h: 72px;
  --sidebar-w: 260px;
}
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  padding-top: var(--ticker-h);
  background: linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%) fixed;
  color: var(--text);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
}
h1,h2,h3,p { margin: 0; }
a { color: var(--text); text-decoration: none; }
svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 768px) {
  :root { --sidebar-w: 72px; --header-h: 60px; }
}