:root{
  --bg:#08080a;
  --panel:#131316;
  --panel-2:#191a1e;
  --line:#232428;
  --red:#e2263b;
  --red-dim:#5c1520;
  --text:#f2f2f4;
  --muted:#8c8c95;
  --muted-2:#5c5c64;
  --amber:#e8a339;
  --teal:#2bb7a6;
  --violet:#8b6fe8;
  --green:#33b56a;
  --radius:10px;
  --sidebar-bg:#0c0c0f;
  --topbar-bg:rgba(8,8,10,.9);
  --modal-bg:#101013;
  --toast-bg:#151517;
  --scrollbar-thumb:#2a2a30;
  --hover-tint:rgba(255,255,255,.02);
  --pill-muted-bg:rgba(255,255,255,.06);
  --avatar-grad-1:#2a2a30;
  --avatar-grad-2:#18181b;
  --shadow-color:rgba(0,0,0,.4);
  color-scheme: dark;
}
:root[data-theme="light"]{
  --bg:#f2f2f4;
  --panel:#ffffff;
  --panel-2:#f4f4f6;
  --line:#e3e3e7;
  --red:#d81b34;
  --red-dim:#fbd9dd;
  --text:#17171a;
  --muted:#6c6c76;
  --muted-2:#9a9aa4;
  --amber:#b3730a;
  --teal:#0f8f80;
  --violet:#6c50d6;
  --green:#1f9c56;
  --sidebar-bg:#ffffff;
  --topbar-bg:rgba(255,255,255,.92);
  --modal-bg:#ffffff;
  --toast-bg:#ffffff;
  --scrollbar-thumb:#d6d6da;
  --hover-tint:rgba(0,0,0,.025);
  --pill-muted-bg:rgba(0,0,0,.05);
  --avatar-grad-1:#ececed;
  --avatar-grad-2:#dcdce0;
  --shadow-color:rgba(20,20,30,.12);
  color-scheme: light;
}