:root,
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f8fa;
  --bg-card: #ffffff;
  --bg-code: #f4f4f6;
  --text-primary: #1a1a2e;
  --text-secondary: #6b6b80;
  --text-muted: #9b9bab;
  --border: #e8e8ec;
  --accent: #6558d9;
  --accent-hover: #5549c0;
  --accent-soft: rgba(101, 88, 217, 0.08);
  --shadow: rgba(0, 0, 0, 0.04);
  --shadow-md: rgba(0, 0, 0, 0.06);
  --success: #16a34a;
  --warning: #ca8a04;
  --error: #dc2626;
}

[data-theme="dark"] {
  --bg-primary: #08080a;
  --bg-secondary: #111113;
  --bg-card: #16161a;
  --bg-code: #0d0d0f;
  --text-primary: #f0f0f0;
  --text-secondary: #a0a0a0;
  --text-muted: #666;
  --border: rgba(255, 255, 255, 0.08);
  --accent: #7c6df0;
  --accent-hover: #6558d9;
  --accent-soft: rgba(124, 109, 240, 0.1);
  --shadow: rgba(0, 0, 0, 0.4);
  --shadow-md: rgba(0, 0, 0, 0.5);
  --success: #22c55e;
  --warning: #eab308;
  --error: #ef4444;
}