/*
  C A T A L Y S T
  https://magister.ai/catalyst
  Copyright 2020-2026 Magister, LLC
*/

:root {
  --appearance-track: #e9eddf;
  --appearance-thumb: #fffef9;
  --appearance-ink: #193d2d;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --appearance-track: #24392c;
  --appearance-thumb: #e7eda5;
  --appearance-ink: #c7d5bc;
}
.theme-toggle {
  position: relative;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  flex: 0 0 auto;
  width: 72px;
  height: 38px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--appearance-track);
  color: var(--appearance-ink);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.theme-toggle[hidden] { display: none; }
.theme-toggle::before {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  width: calc(50% - 4px);
  border-radius: 50%;
  background: var(--appearance-thumb);
  box-shadow: 0 1px 4px #0922151a;
  transition: transform .18s ease;
}
.theme-toggle[aria-checked="true"]::before { transform: translateX(calc(100% + 2px)); }
.theme-toggle svg { position: relative; width: 17px; height: 17px; }
.theme-toggle[aria-checked="true"] .theme-moon { color: #193d2d; }
.theme-toggle:focus-visible { outline: 3px solid #d46f42; outline-offset: 4px; }
.theme-toggle:hover { border-color: #849a70; }
@media (max-width: 650px) { .theme-toggle { width: 64px; } }
@media (prefers-reduced-motion: reduce) { .theme-toggle::before { transition: none; } }
@media print {
  html[data-theme] { color-scheme: light; }
  .theme-toggle { display: none !important; }
}