/* Semantic colours shared with the manual. Light is the deliberate default. */
:root {
  color-scheme: light;
  --atlas-page: #faf6f4;
  --atlas-surface: #ffffff;
  --atlas-muted-surface: #f3ecef;
  --atlas-text: #36164a;
  --atlas-secondary: #64546c;
  --atlas-muted: #6a586f;
  --atlas-border: #dfd3e3;
  --atlas-border-light: #ede5ee;
  --atlas-control-border: #8a7692;
  --atlas-link: #5e0d98;
  --atlas-selected: #f0e4f8;
  --atlas-action: #5e0d98;
  --atlas-action-hover: #480973;
  --atlas-danger: #b42318;
  --atlas-success: #067647;
  --atlas-warning: #854d0e;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --atlas-page: #21122c;
  --atlas-surface: #2b1938;
  --atlas-muted-surface: #362144;
  --atlas-text: #faf6f4;
  --atlas-secondary: #e1d1eb;
  --atlas-muted: #c7b0d4;
  --atlas-border: #745b83;
  --atlas-border-light: #4b335a;
  --atlas-control-border: #a58ab3;
  --atlas-link: #d9acf5;
  --atlas-selected: #412653;
  --atlas-action: #5e0d98;
  --atlas-action-hover: #5e0d98;
  --atlas-danger: #fda4af;
  --atlas-success: #86efac;
  --atlas-warning: #fcd34d;
}
html, body { background-color: var(--atlas-page); color: var(--atlas-text); }
.theme-control { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .875rem; }
.theme-control label { display: flex; align-items: center; gap: .5rem; margin: 0; color: var(--atlas-secondary); }
.theme-control select { width: auto; min-height: 2.5rem; margin: 0; border: 1px solid var(--atlas-muted); border-radius: .375rem; background: var(--atlas-surface); color: var(--atlas-text); padding: .375rem .75rem; font: inherit; box-shadow: none; }
.theme-control select:focus-visible { outline: 2px solid var(--atlas-link); outline-offset: 2px; }
.theme-control [role="status"] { flex-basis: 100%; margin: 0; font-size: .75rem; color: var(--atlas-secondary); }
@media print {
  .theme-control { display: none; }
}