:root {
  color-scheme: light dark;
  --uc-page-bg: var(--bg, #f5e6cf);
  --uc-page-bg-accent: var(--bg-soft, #edd7b7);
  --uc-panel: var(--panel, #fff7ea);
  --uc-panel-2: var(--panel-2, #f8e3c5);
  --uc-text: var(--text, #2f2319);
  --uc-muted: var(--muted, #6f5e4b);
  --uc-border: var(--line, #c98d51);
  --uc-primary: var(--accent, #b4621f);
  --uc-insert: var(--accent-2, #2f6fff);
  --uc-danger: #a13a2d;
  --uc-shadow: var(--shadow, 0 12px 28px rgba(56, 39, 18, 0.14));
  --uc-control-bg: rgba(255, 255, 255, 0.42);
  --uc-control-bg-strong: rgba(255, 255, 255, 0.58);
  --uc-control-bg-weak: rgba(246, 224, 194, 0.8);
  --uc-control-bg-elevated: rgba(255, 255, 255, 0.92);
  --uc-control-bg-soft: rgba(180, 98, 31, 0.08);
  --uc-history-bg: rgba(255, 255, 255, 0.45);
  --uc-history-bg-2: rgba(246, 224, 194, 0.8);
  --uc-chip-none-bg: rgba(111, 94, 75, 0.12);
  --uc-chip-none-text: var(--muted, #6f5e4b);
  --uc-chip-none-border: rgba(111, 94, 75, 0.3);
}

@media (prefers-color-scheme: dark) {
  :root {
    --uc-page-bg: var(--bg, #17110e);
    --uc-page-bg-accent: var(--bg-soft, #241811);
    --uc-panel: var(--panel, #2b2118);
    --uc-panel-2: var(--panel-2, #36271d);
    --uc-text: var(--text, #f4e8da);
    --uc-muted: var(--muted, #d8c1a8);
    --uc-border: var(--line, #9a6332);
    --uc-primary: var(--accent, #e0a14b);
    --uc-insert: var(--accent-2, #7aa2ff);
    --uc-danger: #ff8a8a;
    --uc-shadow: var(--shadow, 0 16px 40px rgba(0, 0, 0, 0.28));
    --uc-control-bg: rgba(255, 255, 255, 0.04);
    --uc-control-bg-strong: rgba(255, 255, 255, 0.08);
    --uc-control-bg-weak: rgba(255, 255, 255, 0.06);
    --uc-control-bg-elevated: rgba(43, 33, 24, 0.98);
    --uc-control-bg-soft: rgba(255, 255, 255, 0.02);
    --uc-history-bg: rgba(255, 255, 255, 0.04);
    --uc-history-bg-2: rgba(255, 255, 255, 0.07);
    --uc-chip-none-bg: rgba(216, 193, 168, 0.12);
    --uc-chip-none-text: var(--muted, #f0dcc7);
    --uc-chip-none-border: rgba(216, 193, 168, 0.42);
  }
}