:root {
  --bg:          #080c10;
  --bg2:         #0d1219;
  --bg3:         #111820;
  --border:      #1a2530;
  --border2:     #243040;
  --accent:      #2e8fff;
  --accent-dim:  rgba(46,143,255,0.12);
  --accent-glow: rgba(46,143,255,0.20);
  --text:        #e2eaf4;
  --text2:       #7a8fa0;
  --text3:       #3a4d5e;
  --green:       #00d48a;
  --green-dim:   rgba(0,212,138,0.12);
  --red:         #ff4d6a;
  --red-dim:     rgba(255,77,106,0.12);
  --yellow:      #ffb020;
  --nav-w:       220px;
  --header-h:    56px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; background: var(--bg); color: var(--text); font-family: 'Syne', sans-serif; }
* { scrollbar-width: thin; scrollbar-color: var(--border2) transparent; }