@layer a11y {
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation: none !important;
    transition: none !important;
    background-attachment: scroll !important;
    scroll-behavior: auto !important;
  }
}
/* biome-ignore lint/correctness/noUnknownMediaFeatureName: progressive enhancement */
@media (prefers-reduced-transparency: reduce) {
  :root,
  ::selection {
    --bg-alpha: 0%;
  }
}
:is(.invisible:not(:focus), .invisible-nofocus) {
  position: absolute !important;
  clip-path: inset(50%) !important;
  inline-size: 0.1rem !important;
  block-size: 0.1rem !important;
  overflow: hidden !important;
}

:is([disabled], [aria-disabled=true]):not([aria-current=page]) {
  opacity: 0.675;
  filter: saturate(0.675) brightness(0.675);
  cursor: not-allowed !important;
  text-decoration: none !important;
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --color-bg: var(--data-color-text);
    --color-text: var(--data-color-background);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-bg: var(--data-color-background);
    --color-text: var(--data-color-text);
  }
}
[data-theme=light] {
  color-scheme: light;
  --color-bg: var(--data-color-text);
  --color-text: var(--data-color-background);
  --header-color: var(--color-secondary);
}

[data-theme=dark] {
  color-scheme: dark;
  --color-bg: var(--data-color-background);
  --color-text: var(--data-color-text);
}

[data-state=transition] *, [data-state=transition] *::before, [data-state=transition] *::after {
  transition: all var(--transition) !important;
}
}