diff --git a/src/AndreGoepel.Design.Blazor/wwwroot/css/design.css b/src/AndreGoepel.Design.Blazor/wwwroot/css/design.css
index 16d2f8a..49cfbc6 100644
--- a/src/AndreGoepel.Design.Blazor/wwwroot/css/design.css
+++ b/src/AndreGoepel.Design.Blazor/wwwroot/css/design.css
@@ -116,6 +116,15 @@
   --rz-info: var(--ag-info);
   --rz-warning: var(--ag-warn);
   --rz-danger: var(--ag-danger);
+
+  /* Switches + checkboxes: Radzen's "checked" state has its own colour variables
+     (not --rz-primary), so it otherwise stays Radzen's default indigo. Map the
+     on-state onto the emerald accent. */
+  --rz-switch-checked-background-color: var(--ag-accent);
+  --rz-switch-checked-circle-background-color: #ffffff;
+  --rz-checkbox-checked-background-color: var(--ag-accent);
+  --rz-checkbox-checked-border: 1px solid var(--ag-accent);
+  --rz-checkbox-checked-color: var(--ag-on-accent);
 }
 
 /* ---------------------------------------------------------- global element */