:root {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #eef1f5;
  --text: #14171c;
  --muted: #5f6b7a;
  --border: #dde2e8;
  --accent: #4f46e5;
  --accent-hover: #4338ca;
  --accent-text: #ffffff;
  --user-bubble: #4f46e5;
  --user-text: #ffffff;
  --danger: #dc2626;
  --ok: #15803d;
  --warn: #b45309;
  --code-bg: #0f172a;
  --code-text: #e2e8f0;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.06), 0 6px 20px rgb(0 0 0 / 0.06);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --bg-2: #e0e7ff;
  --shadow-depth: 0 14px 32px rgb(79 70 229 / 0.16), 0 2px 6px rgb(15 23 42 / 0.06);
  --danger-bg: #dc2626;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1015;
    --surface: #161a21;
    --surface-2: #1f242d;
    --text: #e6e8eb;
    --muted: #9aa3af;
    --border: #2a303a;
    --accent: #818cf8;
    --accent-hover: #a5b4fc;
    --accent-text: #0e1015;
    --user-bubble: #4f46e5;
    --danger: #f87171;
    --ok: #4ade80;
    --warn: #fbbf24;
    --code-bg: #0a0d12;
    --bg-2: #161a3a;
    --shadow-depth: 0 16px 36px rgb(0 0 0 / 0.55), 0 2px 6px rgb(0 0 0 / 0.4);
    --danger-bg: #dc2626;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0e1015;
  --surface: #161a21;
  --surface-2: #1f242d;
  --text: #e6e8eb;
  --muted: #9aa3af;
  --border: #2a303a;
  --accent: #818cf8;
  --accent-hover: #a5b4fc;
  --accent-text: #0e1015;
  --user-bubble: #4f46e5;
  --danger: #f87171;
  --ok: #4ade80;
  --warn: #fbbf24;
  --code-bg: #0a0d12;
  --bg-2: #161a3a;
  --shadow-depth: 0 16px 36px rgb(0 0 0 / 0.55), 0 2px 6px rgb(0 0 0 / 0.4);
  --danger-bg: #dc2626;
  color-scheme: dark;
}