body[data-color-scheme="dark"] {
  --bg: #202124;
  --surface: #282a2d;
  --surface-2: #303134;
  --surface-3: #35363a;
  --ink: #e8eaed;
  --muted: #9aa0a6;
  --accent: #8ab4f8;
  --accent-soft: rgba(138, 180, 248, 0.14);
  --accent-hover: #a8c7fa;
  --success: #81c995;
  --warn: #fdd663;
  --danger: #f28b82;
  --border: rgba(255, 255, 255, 0.10);
  --border-focus: #8ab4f8;
  --preview-stage: #202124;
  --preview-stage-2: #2b2c2f;
}

body[data-color-scheme="light"] {
  --bg: #f8f9fa;
  --surface: #ffffff;
  --surface-2: #f8f9fa;
  --surface-3: #ffffff;
  --ink: #202124;
  --muted: #5f6368;
  --accent: #1a73e8;
  --accent-soft: rgba(26, 115, 232, 0.12);
  --accent-hover: #1765cc;
  --success: #137333;
  --warn: #b06000;
  --danger: #c5221f;
  --border: #dadce0;
  --border-focus: #1a73e8;
  --preview-stage: #eef2f6;
  --preview-stage-2: #ffffff;
}