@inchurch/matcha-theme 20.0.11 → 20.276.0

package/components/matcha-button-toggle.scss

@@ -299,6 +299,50 @@ matcha-button-toggle {
 }
 }
 
+// =============================================================================
+// A11y / modernity media queries
+// =============================================================================
+
+// Forced colors (Windows High Contrast) — borders/bg podem sumir,
+// SelectedItem/CanvasText são tokens system sempre visíveis.
+@media (forced-colors: active) {
+    matcha-button-toggle .button-group {
+        button[matcha-button],
+        a[matcha-button] {
+            border: 1px solid CanvasText;
+
+            &[active] {
+                background: SelectedItem !important;
+                color: SelectedItemText !important;
+                border-color: SelectedItem;
+            }
+
+            &:focus-visible {
+                outline: 2px solid CanvasText !important;
+                outline-offset: 2px;
+            }
+        }
+    }
+}
+
+// Reduced motion — mata transitions de hover/active state.
+@media (prefers-reduced-motion: reduce) {
+    matcha-button-toggle .button-group {
+        button[matcha-button],
+        a[matcha-button] {
+            transition: none !important;
+            animation: none !important;
+        }
+    }
+}
+
+// Print — controles de UI somem em impressão.
+@media print {
+    matcha-button-toggle {
+        display: none !important;
+    }
+}
+
 // =============================================================================
 // Structural rules — aligned with Figma matcha/button-toggle:
 //   Gap=Segmented: buttons share borders (1px hairline between, 2px thin outside)