:root {
  color-scheme: light;
  --bg: #f2f2f2; --paper: #fff; --raised: #fff; --button: #e6e6e6;
  --ink: #454545; --muted: #808080; --line: #e6e6e6; --hover: #f0f0f0; --nav-active: #f0f0f0;
  --brand: #1a8cff; --brand-soft: #e3effa; --green: #178147; --red: #c14444;
  --amber: #94651b; --warning-bg: #fff4db; --green-soft: #e6f4eb; --red-soft: #fbe9e9;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1b1e23; --paper: #21262b; --raised: #282e34; --button: #2f353d;
  --ink: #d1d6dc; --muted: #a9b2bc; --line: #30363d; --hover: #30373f; --nav-active: #282e34;
  --brand: #1f8cf9; --brand-soft: #24394b; --green: #63cf8d; --red: #ed9292;
  --amber: #deb96c; --warning-bg: #393323; --green-soft: #233a2e; --red-soft: #3d2b2f;
}
.theme-toggle { white-space: nowrap; }
[data-theme-icon] { font-size: 22px; line-height: 1; }
.login-theme { position: absolute; top: 24px; right: 24px; }