/* MAYASHILPI — Atlas light/dark toggle.
   Chrome for ThemeToggle.jsx. Lived inside 26as-reco until Aug 14 2026; shared
   now so every Atlas module gets the identical affordance instead of each one
   re-deciding what a theme switch looks like.

   Deliberately quiet: this is a preference control in the AppHeader's right
   slot, not an action. No fill at rest, no border, no accent — it earns
   attention only on hover and focus. */
.atlas-theme-toggle {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease;
}

.atlas-theme-toggle:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

/* Blue focus ring — platform rule; gold is identity only (DESIGN.md §Color). */
.atlas-theme-toggle:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}