:root,
[data-theme='dark'] {
  color-scheme: dark;
}

[data-theme='light'] {
  color-scheme: light;

  --color-canvas: #eef0f3;
  --color-sidebar: #ffffff;
  --color-panel: #ffffff;
  --color-surface-selected: #e8eaef;
  --color-surface-raised: #f3f4f6;
  --color-border: #d8dce3;
  --color-text-primary: #1a1c20;
  --color-text-secondary: #5c616b;
  --color-text-muted: #7a808a;
}