diff --git a/resources/css/app.css b/resources/css/app.css
index c77f411..9e26629 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -187,6 +187,15 @@
     background-color: rgb(228 228 231) !important;
 }
 
+/* Flux Switch - ensure visibility in off state on white backgrounds */
+[data-flux-switch] {
+    background-color: rgb(161 161 170) !important; /* zinc-400 - visible gray for off state */
+}
+
+[data-flux-switch][data-checked] {
+    background-color: var(--color-cta) !important; /* Warm Gold when on */
+}
+
 /* ==========================================================================
    Logo Badge Styling (Story 12.2)
    Creates "seal/stamp" effect for logo on Dark Charcoal backgrounds