/* forced-colors.css
   Windows high contrast and other forced-colour modes. Backgrounds are dropped by the system, so
   anything that was told apart by a fill gets a border, and the current item gets a system highlight. */

@media (forced-colors: active) {
  .btn, .badge, .count-pill, .redaction, .notice, .synthetic-banner, .toast, .state, .form-panel, .brand-panel,
  .nav, .decision-bar, .account__card, .activity__filters, .skeleton__bar, .skeleton__block, .term, .meter {
    border: 1px solid CanvasText;
  }
  .btn--primary, .btn--brand, .btn--accent { border-color: ButtonText; }
  .btn[aria-disabled="true"], .btn:disabled { border-style: dashed; color: GrayText; }
  .nav__item[aria-current="page"], .queue-row[aria-current="true"] { outline: 2px solid Highlight; outline-offset: -2px; }
  .choices input:checked + label { background: Highlight; color: HighlightText; border-color: Highlight; forced-color-adjust: none; }
  .filters__more[open] > summary { background: Highlight; color: HighlightText; forced-color-adjust: none; }
  .meter__fill { background: Highlight; forced-color-adjust: none; }
  .brand-panel::before { display: none; }
  .brand--plate img { background: Canvas; }
  .icon { stroke: currentColor; }
  /* Tess keeps her own colours: she is a picture, not an interface part. */
  .tess svg { forced-color-adjust: none; }
  :focus-visible { outline-color: Highlight; }
}