:root {
  --bg: #050505;
  --bg-soft: #090909;
  --panel: #0d0d0d;
  --panel-2: #111111;
  --panel-3: #151515;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.15);
  --text: #f5f5f2;
  --text-soft: #c7c7c1;
  --muted: #868681;
  --muted-2: #5d5d59;
  --white: #ffffff;
  --black: #000000;
  --success: #7be0a5;
  --warning: #e8ca78;
  --danger: #e98989;
  --info: #8ab7ff;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --shadow: 0 20px 60px rgba(0,0,0,.32);
  --sidebar-width: 248px;
  --topbar-height: 78px;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 80% -10%, rgba(255,255,255,.045), transparent 25%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

h1, h2, h3, h4, p { margin: 0; }
h1, h2, h3 { font-family: Manrope, Inter, sans-serif; letter-spacing: -.035em; }

::selection { background: #f5f5f2; color: #050505; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #080808; }
::-webkit-scrollbar-thumb { background: #272727; border-radius: 20px; border: 2px solid #080808; }