:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-muted: #f7f8fa;
  --color-surface-quiet: #e9ecf0;
  --color-text: #25272b;
  --color-text-muted: #6b7078;
  --color-text-soft: #6b7078;
  --color-line: #e8eaed;
  --color-line-strong: #cdd2d9;
  --color-input: #f8f9fb;
  --color-input-line: #e1e4e8;
  --color-code-bg: #f7f8fa;
  --color-code-text: #454b54;
  --color-accent: #30343a;
  --color-accent-ink: #25272b;
  --color-accent-soft: #e9ecf0;
  --color-success: #226443;
  --color-error: #a22b22;
  --color-item-one: #dce6f4;
  --color-item-one-ink: #345b8e;
  --color-item-two: #e7e2ef;
  --color-item-two-ink: #67558b;
  --color-item-three: #eee5d9;
  --color-item-three-ink: #845f38;
  --color-item-four: #deebe4;
  --color-item-four-ink: #35674e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --layout-header-height: 60px;
  --layout-sidebar-width: 188px;
  --preview-min-height: 320px;
  --shell-padding: 28px;
  --panel-padding: 0px;
  --workspace-gap: 28px;
  --control-height: 44px;
}