feat: add reduced-motion support and :focus-visible ring

This commit is contained in:
2026-06-18 14:24:37 +02:00
parent 5a3f2bc0c5
commit 1addbc294f
+15
View File
@@ -603,3 +603,18 @@ body {
.form-status--ok { color: var(--color-accent); } .form-status--ok { color: var(--color-accent); }
.form-status--err { color: #B44A2A; } .form-status--err { color: #B44A2A; }
/* ── Accessibility & motion ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}