:root {
  color-scheme: light dark;
  --ui-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  --ui-bg: #f4f8f7;
  --ui-surface: #ffffff;
  --ui-surface-muted: #e9f3f1;
  --ui-text: #142523;
  --ui-muted: #536b67;
  --ui-primary: #0f766e;
  --ui-primary-hover: #115e59;
  --ui-primary-rgb: 15, 118, 110;
  --ui-on-primary: #ffffff;
  --ui-navbar-bg: #115e59;
  --ui-border: #c8dad7;
  --ui-border-strong: #a6bfba;
  --ui-success: #166534;
  --ui-success-bg: #e9f7ed;
  --ui-warning: #a54b0b;
  --ui-warning-bg: #fff7ed;
  --ui-danger: #b42318;
  --ui-danger-bg: #fef3f2;
  --ui-focus: #2563eb;
  --ui-radius-panel: 12px;
  --ui-radius-control: 10px;
  --ui-control-height: 48px;
  --ui-shadow: 0 1px 3px rgb(23 35 33 / 8%);
  --bs-body-font-family: var(--ui-font-sans);
  --bs-body-color: var(--ui-text);
  --bs-body-bg: var(--ui-bg);
  --bs-primary: var(--ui-primary);
  --bs-primary-rgb: var(--ui-primary-rgb);
  --bs-link-color: var(--ui-primary);
  --bs-link-hover-color: var(--ui-primary-hover);
  --bs-border-color: var(--ui-border);
  --bs-border-radius: var(--ui-radius-control);
  --bs-secondary-color: var(--ui-muted);
  --bs-success-bg-subtle: var(--ui-success-bg);
  --bs-success-text-emphasis: var(--ui-success);
  --bs-success-border-subtle: var(--ui-border);
  --bs-danger-bg-subtle: var(--ui-danger-bg);
  --bs-danger-text-emphasis: var(--ui-danger);
  --bs-danger-border-subtle: var(--ui-border);
  --bs-warning-bg-subtle: var(--ui-warning-bg);
  --bs-warning-text-emphasis: var(--ui-warning);
  --bs-warning-border-subtle: var(--ui-border);
  --bs-tertiary-bg: var(--ui-surface-muted);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ui-bg: #0d1715;
    --ui-surface: #14211e;
    --ui-surface-muted: #1b2c28;
    --ui-text: #f2f7f5;
    --ui-muted: #b3c3be;
    --ui-primary: #5eead4;
    --ui-primary-hover: #99f6e4;
    --ui-primary-rgb: 94, 234, 212;
    --ui-on-primary: #0d2420;
    --ui-navbar-bg: #123d36;
    --ui-border: #3b504a;
    --ui-border-strong: #607b71;
    --ui-success: #86efac;
    --ui-success-bg: #163322;
    --ui-warning: #fdba74;
    --ui-warning-bg: #3a2415;
    --ui-danger: #fda29b;
    --ui-danger-bg: #3b1917;
    --ui-focus: #93c5fd;
    --ui-shadow: 0 1px 3px rgb(0 0 0 / 24%);
  }
}