:root {
  color-scheme: dark;
  --bg: #0b1020;
  --bg-soft: #0f1628;
  --surface: #131c30;
  --surface-2: #18243a;
  --surface-3: #202d45;
  --surface-hover: #1a2740;
  --border: rgba(160, 177, 211, .12);
  --border-strong: rgba(160, 177, 211, .2);
  --text: #eef3ff;
  --text-soft: #c2cce0;
  --muted: #8997b2;
  --muted-2: #63718c;
  --primary: #8b7bff;
  --primary-strong: #7564f5;
  --cyan: #59d4e8;
  --green: #4bd4a0;
  --amber: #ffbd67;
  --red: #ff7c93;
  --shadow: 0 20px 60px rgba(0,0,0,.22);
  --sidebar-width: 252px;
  --topbar-height: 76px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --transition: 180ms cubic-bezier(.2,.8,.2,1);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fc;
  --bg-soft: #edf1fa;
  --surface: #ffffff;
  --surface-2: #f7f8fd;
  --surface-3: #e9edf7;
  --surface-hover: #f0f2fb;
  --border: rgba(51, 65, 98, .11);
  --border-strong: rgba(51, 65, 98, .18);
  --text: #17213a;
  --text-soft: #44516d;
  --muted: #6c7892;
  --muted-2: #8791a6;
  --shadow: 0 20px 60px rgba(54,66,100,.09);
}