/* WCAG 2.2 AA hotfix: colors scoped to the dark sidebar.
   The dark --gold used on light surfaces must not be inherited here. */
:root:not([data-theme]) .sidebar,
:root[data-theme="classic"] .sidebar {
  --gold: #e3ad43;
}

:root:not([data-theme]) .sidebar .nav .nav-group-toggle,
:root[data-theme="classic"] .sidebar .nav .nav-group-toggle {
  color: #e3ad43;
}

:root:not([data-theme]) .sidebar .nav .nav-group-toggle:hover,
:root[data-theme="classic"] .sidebar .nav .nav-group-toggle:hover {
  color: #ffffff;
}

:root:not([data-theme]) .sidebar :where(a,button,summary,[tabindex]):focus-visible,
:root[data-theme="classic"] .sidebar :where(a,button,summary,[tabindex]):focus-visible {
  outline-color: #f2c969;
}

:root:is([data-theme="noir"],[data-theme="platinum"]) .sidebar .nav .nav-group-toggle {
  color: var(--theme-on-brand-muted);
}

:root:is([data-theme="noir"],[data-theme="platinum"]) .sidebar .nav .nav-group-toggle:hover {
  color: var(--theme-on-brand);
}

:root:is([data-theme="noir"],[data-theme="platinum"]) .sidebar :where(a,button,summary,[tabindex]):focus-visible {
  outline-color: var(--theme-on-brand);
}

@media (forced-colors: active) {
  .sidebar .nav .nav-group-toggle { color: ButtonText; }
  .sidebar :where(a,button,summary,[tabindex]):focus-visible { outline-color: Highlight; }
}