:root {
  color-scheme: dark;
  --bg: #11111a;
  --canvas-bg: #0b1220;
  --surface: #191924;
  --surface-2: #222231;
  --surface-3: #2b2b3d;
  --border: rgba(255, 255, 255, .09);
  --border-strong: rgba(255, 255, 255, .16);
  --text: #f4f2ff;
  --muted: #9c9aab;
  --subtle: #6e6c7d;
  --primary: #8b5cf6;
  --primary-2: #6d4bd5;
  --primary-soft: rgba(139, 92, 246, .16);
  --blue: #4f9cf9;
  --success: #47c99e;
  --danger: #f16d7a;
  --warning: #f0b35a;
  --shadow: 0 18px 50px rgba(0, 0, 0, .34);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, .2);
  --radius: 12px;
  --radius-sm: 8px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f7fb;
  --surface: #ffffff;
  --surface-2: #f1f1f7;
  --surface-3: #e9e9f2;
  --border: rgba(30, 25, 50, .1);
  --border-strong: rgba(30, 25, 50, .18);
  --text: #282534;
  --muted: #706c7e;
  --subtle: #9591a0;
  --primary-soft: rgba(124, 58, 237, .1);
  --shadow: 0 18px 50px rgba(42, 34, 66, .13);
  --shadow-soft: 0 8px 24px rgba(42, 34, 66, .09);
}