/* Shared theme controls. The workspace defines its tokens in app.css and the homepage in landing.css. */
:root { color-scheme: dark; }
.landing-page .theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  flex-shrink: 0; width: 44px; height: 44px; padding: 10px;
  border: 1px solid var(--line-strong); border-radius: 11px;
  background: var(--panel); color: var(--text); cursor: pointer; font: inherit;
}
.landing-page .theme-toggle:hover { background: var(--panel-2); }
.landing-page .theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.landing-page .theme-toggle svg { width: 20px; height: 20px; flex-shrink: 0; }
.theme-toggle [data-theme-label], .theme-toggle .theme-moon { display: none; }
[data-theme="light"] .theme-toggle .theme-sun { display: none; }
[data-theme="light"] .theme-toggle .theme-moon { display: block; }
.landing-page .theme-menu-toggle { width: fit-content; padding: 10px 14px; margin-top: 10px; }
.landing-page .theme-menu-toggle [data-theme-label] { display: inline; }