:root {
  color-scheme: light;
  --theme-color: #2d2a26;
  --bg: #f4f2ee;
  --surface: #ffffff;
  --surface-alt: #f6f3ee;
  --text: #26221d;
  --text-secondary: #6a6258;
  --border: #e3ded6;
  --primary: #3d5afe;
  --on-primary: #ffffff;
  --link: #2e7d32;
  --accent: #2e7d32;
  --on-accent: #ffffff;
  --shadow: 0 1px 2px rgba(50, 42, 30, 0.06), 0 4px 12px rgba(50, 42, 30, 0.06);
  --shadow-strong: 0 8px 30px rgba(50, 42, 30, 0.16);
  --active: #efe9df;
  --hover: rgba(60, 50, 40, 0.05);
  --scrollbar: #c9c2b7;
  --status-elim: #e8590c;
  --status-abort: #a16207;
  --status-absent: #7c756b;
  --appbar-bg: #2d2a26;
  --appbar-text: #efece7;
  --appbar-hover: rgba(255, 255, 255, 0.09);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --theme-color: #2d2a27;
  --bg: #2d2a27;
  --surface: #3d3935;
  --surface-alt: #47423d;
  --text: #d0c9bf;
  --text-secondary: #a29a8e;
  --border: #4e4943;
  --primary: #d98d2d;
  --on-primary: #241c10;
  --link: #689f38;
  --accent: #388e3c;
  --on-accent: #ffffff;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-strong: 0 8px 30px rgba(0, 0, 0, 0.55);
  --active: #47423d;
  --hover: rgba(255, 255, 255, 0.06);
  --scrollbar: #6a635a;
  --status-elim: #c6551c;
  --status-abort: #9c6f1c;
  --status-absent: #6a635a;
  --appbar-bg: #262321;
  --appbar-text: #cfc8bf;
  --appbar-hover: rgba(255, 255, 255, 0.08);
}