:root {
    --bg-0:       #0a0a0f;
    --bg-1:       #111118;
    --bg-2:       #1a1a24;
    --bg-3:       #22222f;
    --border:     #2a2a3a;
    --text-0:     #f0f0f8;
    --text-1:     #a0a0b8;
    --text-2:     #606078;
    --accent:     #6c63ff;
    --accent-dim: #6c63ff22;
    --green:      #00e5a0;
    --orange:     #ff7b2c;
    --red:        #ff4466;
    --radius:     12px;
    --radius-sm:  6px;
    --font-sans:  'Syne', system-ui, sans-serif;
    --font-mono:  'DM Mono', monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
    background: var(--bg-0);
    color: var(--text-0);
    font-family: var(--font-sans);
    line-height: 1.6;
    min-height: 100vh;
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-1); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }