/* Shared light/dark switch styles. The dark palettes are generated per surface into
   theme-<surface>.css by scripts/build_dark_theme.py. */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--line,#e0e6df);border-radius:10px;background:transparent;color:var(--ink,#1d312c);font:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}
.theme-toggle:hover{background:var(--green-light,#eaf2eb)}
.theme-toggle:focus-visible{outline:3px solid #7eaa91;outline-offset:2px}
.theme-toggle svg{width:15px;height:15px;flex:none}
.theme-toggle-floating{position:fixed;top:14px;right:14px;z-index:60;background:var(--paper,var(--bg,#fff))}
@media(max-width:760px){.theme-toggle{min-height:44px}.theme-toggle-floating{top:8px;right:8px;min-height:36px}}

/* The original logo artwork has a white ground: keep it on a light plate in dark mode (brand rule). */
html[data-theme="dark"] img[src*="maitrise-original-business-systems"]{background:#fff;border-radius:8px;box-shadow:0 0 0 6px #fff}
html[data-theme="dark"] .theme-toggle{color:#e7efe9;border-color:#36443b}
html[data-theme="dark"] .theme-toggle:hover{background:#202e27}