/* Dashboard only. Keep the original dark palette and semantic colour rules. */
html[data-be-theme="dark"] { color-scheme: dark; }
html[data-be-theme="light"] {
  color-scheme: light;
  --ink: #17212e;
  --bg: #ffffff;
  --card: #f5f6f8;
  --card2: #e9edf2;
  --rail: #f0f2f5;
  --line: #c8cfd8;
  --line-soft: #dde2e8;
  --grey: #526071;
  --grey-lt: #606d7d;
  --green: #086839;
  --red: #b4232e;
  --gold: #876000;
  --gold-deep: #785500;
  --cream: #17212e;
}
/* These controls originally use dark text on a light selected background. */
html[data-be-theme="light"] .chipbtn.on,
html[data-be-theme="light"] .segs button.on { color: #ffffff; }
html[data-be-theme="light"] .bl-go,
html[data-be-theme="light"] .upgrade .ub,
html[data-be-theme="light"] #be-loading .retry-button,
html[data-be-theme="light"] .loaderror .le-btn { color: #ffffff; }
html[data-be-theme="light"] .slip.locked { background: var(--card); }
html[data-be-theme="light"] .slip.click:hover { border-color: var(--grey); }
.be-theme-toggle {
  display: inline-block;
  margin-top: 12px;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--card2);
  color: var(--ink);
  font: 600 13px/1.3 'DM Sans', system-ui, sans-serif;
  cursor: pointer;
}
.be-theme-toggle:hover { border-color: var(--gold); }
.be-theme-toggle:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
@media print { .be-theme-toggle { display: none; } }