:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0d12;
  --surface: #151922;
  --surface-strong: #1d2330;
  --text: #f7f8fa;
  --muted: #a7afbd;
  --accent: #ef8523;
  --accent-active: #d97317;
  --accent-text: #111111;
  --border: rgba(255, 255, 255, 0.12);
  --focus: #ffd29f;
  --panel-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
  --ad-bg: rgba(11, 13, 18, 0.96);
  --ad-placeholder: #737b89;
  --radius-panel: 18px;
  --radius-button: 14px;
}

html[data-theme="warm"] {
  color-scheme: light;
  --bg: #faf9f5;
  --surface: #ffffff;
  --surface-strong: #f3efe4;
  --text: #2b2b26;
  --muted: #7a786f;
  --accent: #b67849;
  --accent-active: #9a6239;
  --accent-text: #ffffff;
  --border: #e8e5db;
  --focus: #8f6b48;
  --panel-shadow: 0 8px 24px rgba(43, 43, 38, 0.1);
  --ad-bg: rgba(250, 249, 245, 0.96);
  --ad-placeholder: #918e84;
  --radius-panel: 22px;
  --radius-button: 16px;
}