:root,
html[data-theme="light"] {
  --color-bg: var(--light-bg);
  --color-surface: var(--light-surface);
  --color-surface-strong: #ffffff;
  --color-text: var(--light-text);
  --color-text-muted: #706b72;
  --color-border: rgb(43 42 48 / 0.12);
  --color-overlay: rgb(24 27 44 / 0.48);
  --color-danger: #b4233d;
  --color-success: #087f63;
  --color-sidebar: #2b2a30;
  --color-sidebar-text: #f9f4f0;
  --color-input: #ffffff;
}

html[data-theme="dark"] {
  --color-bg: var(--dark-bg);
  --color-surface: var(--dark-surface);
  --color-surface-strong: #20243a;
  --color-text: var(--dark-text);
  --color-text-muted: #c9c4cc;
  --color-border: rgb(249 244 240 / 0.14);
  --color-overlay: rgb(0 0 0 / 0.62);
  --color-danger: #ff8ba1;
  --color-success: #58e2bd;
  --color-sidebar: #181b2c;
  --color-sidebar-text: #f9f4f0;
  --color-input: #252941;
}