/* Shared palette for the public site, account, courses and administration. */
:root,:root[data-course-theme="soft"] {
  color-scheme:light;
  --canvas:#e3d6c0; --paper:#ece2d0; --ink:#3a2f22; --muted:#705e48;
  --line:#ccc4ae; --accent:#466d4b; --wash:#d3dfc5;
  --button-bg:#466d4b; --button-ink:#fff8eb; --danger:#984327;
  --deep-bg:#304333; --on-deep:#f3e9d8;
  --bg:var(--canvas); --surface:var(--paper); --surface-alt:var(--wash);
  --bubble:var(--paper); --bubble-completed:var(--wash); --text:var(--ink);
  --accent-soft:var(--wash); --success:var(--accent); --divider:var(--line);
  --cream:var(--canvas); --sand:#d9c9ae; --sage:var(--accent); --moss:var(--accent);
  --earth:var(--muted); --bark:var(--ink); --blush:#c7988d; --ww:var(--paper);
}
:root[data-course-theme="dark"] {
  color-scheme:dark;
  --canvas:#202a25; --paper:#2b362e; --ink:#eee6d8; --muted:#b9bfaf;
  --line:#485449; --accent:#b3d1a7; --wash:#394d3c;
  --button-bg:#a6c397; --button-ink:#1d3021; --danger:#efad92;
  --deep-bg:#17241b; --on-deep:#f3e9d8;
  --bg:var(--canvas); --surface:var(--paper); --surface-alt:var(--wash);
  --bubble:var(--paper); --bubble-completed:var(--wash); --text:var(--ink);
  --accent-soft:var(--wash); --success:var(--accent); --divider:var(--line);
  --cream:var(--canvas); --sand:#3d493b; --sage:#a6c397; --moss:var(--accent);
  --earth:var(--muted); --bark:var(--ink); --blush:#d4a9a1; --ww:var(--paper);
}
* { scrollbar-width:none; }
*::-webkit-scrollbar { display:none; width:0; height:0; }
.theme-toggle { min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); border-radius:10px; font:500 13px/1.3 system-ui,sans-serif; cursor:pointer; white-space:nowrap; }
.theme-toggle:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }