:root,
html[data-theme='light'] {
  --theme-bg: #f5f1e8;
  --theme-surface: #fffdf8;
  --theme-surface-strong: #ffffff;
  --theme-text: #101010;
  --theme-muted: #55524d;
  --theme-border: rgba(16, 16, 16, 0.8);
  --theme-border-soft: rgba(16, 16, 16, 0.14);
  --theme-accent: #6198e7;
  --theme-accent-dark: #436aa3;
  --theme-accent-soft: #e6efff;
  --theme-success-bg: #e7f7ec;
  --theme-success-ink: #66e4a9;
  --theme-danger-bg: #fde8e6;
  --theme-danger-ink: #a0362d;
  --theme-shadow-card: 0 20px 50px rgba(16, 16, 16, 0.08);
  --theme-shadow-soft: 0 10px 22px rgba(16, 16, 16, 0.06);
  --theme-radius-sm: 6px;
  --theme-radius-md: 6px;
  --theme-radius-lg: 6px;
  --theme-chrome-border-strong: #101010;
  --theme-control-shell: var(--theme-bg);
  --theme-control-surface: var(--theme-surface);
  --theme-control-surface-strong: var(--theme-surface-strong);
  --theme-control-surface-soft: var(--theme-accent-soft);
  --theme-control-hover: #f2ece3;
  --theme-control-glow: none;
}

html[data-theme='dark'] {
  --theme-bg: #121316;
  --theme-surface: #1a1c23;
  --theme-surface-strong: #23262f;
  --theme-text: #e5e7eb;
  --theme-muted: #9ca3af;
  --theme-border: rgba(16, 16, 16, 0.8);
  --theme-border-soft: rgba(255, 255, 255, 0.08);
  --theme-accent: #6198e7;
  --theme-accent-dark: #436aa3;
  --theme-accent-soft: rgba(97, 152, 231, 0.16);
  --theme-success-bg: rgba(102, 228, 169, 0.16);
  --theme-success-ink: #66e4a9;
  --theme-danger-bg: #36232a;
  --theme-danger-ink: #ffb8c2;
  --theme-shadow-card: 0 24px 64px rgba(0, 0, 0, 0.34);
  --theme-shadow-soft: 0 14px 28px rgba(0, 0, 0, 0.22);
  --theme-radius-sm: 6px;
  --theme-radius-md: 6px;
  --theme-radius-lg: 6px;
  --theme-chrome-border-strong: #7c828d;
  --theme-control-shell: #1b1b1b;
  --theme-control-surface: #252525;
  --theme-control-surface-strong: #1c1c1c;
  --theme-control-surface-soft: #202020;
  --theme-control-hover: rgba(255, 255, 255, 0.08);
  --theme-control-glow: none;
}