:root {
  --bg: #07111e;
  --bg-2: #0b1624;
  --panel: #101c2b;
  --panel-2: #132235;
  --panel-3: #0d1826;
  --line: rgba(255,255,255,.095);
  --line-strong: rgba(255,255,255,.16);
  --text: #eef5ff;
  --muted: #90a3b8;
  --soft: #cbd5e1;
  --yellow: #f5b942;
  --yellow-2: #f59e0b;
  --green: #22c55e;
  --green-2: #16a34a;
  --red: #ef4444;
  --orange: #f97316;
  --blue: #3b82f6;
  --purple: #a855f7;
  --gray: #64748b;
  --shadow: 0 22px 55px rgba(0,0,0,.28);
  --radius: 18px;
  --radius-sm: 12px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); font-family: var(--font); }
body { margin: 0; min-height: 100vh; overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
::selection { background: rgba(245,185,66,.35); }

.hidden { display: none !important; }
.muted { color: var(--muted); }
.text-success { color: var(--green); }
.text-danger { color: var(--red); }
.text-warning { color: var(--yellow); }
.text-purple { color: var(--purple); }
.text-blue { color: var(--blue); }

.scrollbar { scrollbar-width: thin; scrollbar-color: rgba(245,185,66,.5) rgba(255,255,255,.06); }