:root:not([data-theme]),
:root[data-theme="default"] {
  color-scheme: light;
  --color-canvas: #f7f9fc;
  --color-surface: #ffffff;
  --color-surface-strong: #ffffff;
  --color-text: #172033;
  --color-muted: #687184;
  --color-border: #dce2eb;
  --color-primary: #1673ea;
  --color-primary-hover: #0f5fc6;
  --color-secondary: #4b9a55;
  --color-secondary-hover: #3d8247;
  --color-accent-soft: #edf5ff;
  --color-danger: #b64040;
  --color-danger-soft: #fff0f0;
  --color-success: #2f7c45;
  --color-success-soft: #eef9f1;
  --color-panel: #ffffff;
  --color-panel-border: #e2e7ef;
  --color-body-glow: rgba(68, 135, 221, 0.08);
  --color-focus-ring: rgba(22, 115, 234, 0.18);
  --color-focus-border: rgba(22, 115, 234, 0.62);
  --color-code-bg: rgba(22, 115, 234, 0.08);
  --color-quiet-hover: rgba(22, 115, 234, 0.07);
  --color-icon-bg: rgba(22, 115, 234, 0.09);
  --color-note-bg: #f7f9fc;
  --color-empty-bg: #f5f7fa;
  --color-dialog-shadow: rgba(19, 30, 48, 0.22);
  --color-backdrop: rgba(25, 35, 52, 0.48);
  --color-sidebar: #fbfcfe;
  --color-sidebar-active: #edf5ff;
  --color-sidebar-border: #e0e5ec;
  --shadow-panel: 0 8px 28px rgba(33, 55, 84, 0.06);
  --theme-background: none;
}