domma-js 0.23.0 → 0.24.0

package/public/dist/themes/domma-themes.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Themes v0.23.0
+ * Domma Themes v0.24.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-05-02T14:12:41.094Z
- * Commit: 99507eb
+ * Built: 2026-05-02T17:40:23.677Z
+ * Commit: ef7021b
  */
 
 /**
@@ -371,7 +371,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -457,7 +457,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -525,7 +525,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #e2e8f0; /* slate-200 */
     --dm-text-secondary: #94a3b8; /* slate-400 */
-    --dm-text-muted: #64748b; /* slate-500 */
+    --dm-text-muted: #94a3b8; /* slate-500 */
     --dm-text-disabled: #475569; /* slate-600 */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -599,7 +599,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -772,8 +772,8 @@
     /* ================================================
        SECONDARY COLOURS - Earth Brown
        ================================================ */
-    --dm-secondary: #6b705c;
-    --dm-secondary-hover: #7d826d;
+    --dm-secondary: #525747;
+    --dm-secondary-hover: #65695a;
     --dm-secondary-active: #8f937e;
     --dm-secondary-light: #f0efe9;
     --dm-secondary-dark: #52554a;
@@ -787,7 +787,7 @@
     --dm-success-light: #d8f3dc;
     --dm-success-dark: #2d6a4f;
 
-    --dm-info: #588157;
+    --dm-info: #3a6a3a;
     --dm-info-hover: #6b9669;
     --dm-info-active: #7eab7c;
     --dm-info-light: #e2f0e1;
@@ -826,7 +826,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -912,7 +912,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -970,7 +970,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #e2e8f0; /* slate-200 */
     --dm-text-secondary: #94a3b8; /* slate-400 */
-    --dm-text-muted: #64748b; /* slate-500 */
+    --dm-text-muted: #94a3b8; /* slate-500 */
     --dm-text-disabled: #475569; /* slate-600 */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -1004,7 +1004,7 @@
 
     --dm-warning: #e9c38e;
     --dm-warning-light: rgba(233, 195, 142, 0.15);
-    --dm-warning-text: #e9c38e;
+    --dm-warning-text: #1a1a1a;
 
     /* Danger - Bright red (standard dark mode) */
     --dm-danger: #ef4444; /* red-500 */
@@ -1031,7 +1031,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -1143,7 +1143,9 @@
     --dm-secondary-text: #1a1a1a;
     --dm-secondary-hover-text: #1a1a1a;
     --dm-danger-text: #1a1a1a;
-    --dm-danger-hover-text: #1a1a1a;
+    --dm-danger-hover-text: #1a1a1a;    --dm-success-text: #1a1a1a;    --dm-info-text: #1a1a1a;
+
+
 }
 
 /**
@@ -1199,7 +1201,7 @@
 
     --dm-warning: #e2c484;
     --dm-warning-light: rgba(226, 196, 132, 0.15);
-    --dm-warning-text: #e2c484;
+    --dm-warning-text: #1a1a1a;
 
     --dm-danger: #da8282;
     --dm-danger-light: rgba(218, 130, 130, 0.15);
@@ -1211,7 +1213,7 @@
     --dm-progress-bar: #da9d82;
 
     /* Danger - Bright red (standard dark mode) */
-    --dm-danger: #ef4444; /* red-500 */
+    --dm-danger: #dc2626; /* red-600 */
     --dm-danger-hover: #f87171; /* red-400 */
     --dm-danger-active: #fca5a5; /* red-300 */
     --dm-danger-light: rgba(248, 113, 113, 0.15);
@@ -1235,7 +1237,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -1321,7 +1323,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -1348,8 +1350,10 @@
     --dm-primary-hover-text: #1a1a1a;
     --dm-secondary-text: #1a1a1a;
     --dm-secondary-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
-    --dm-danger-hover-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
+    --dm-danger-hover-text: #ffffff;    --dm-success-text: #1a1a1a;    --dm-info-text: #1a1a1a;
+
+
 }
 
 /**
@@ -1375,7 +1379,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #e2e8f0; /* slate-200 */
     --dm-text-secondary: #94a3b8; /* slate-400 */
-    --dm-text-muted: #64748b; /* slate-500 */
+    --dm-text-muted: #94a3b8; /* slate-500 */
     --dm-text-disabled: #475569; /* slate-600 */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -1392,7 +1396,7 @@
     --dm-primary: #c67b5c;
     --dm-primary-hover: #d08c6f;
     --dm-primary-active: #da9d82;
-    --dm-primary-light: #faf3f0;
+    --dm-primary-light: rgba(198, 123, 92, 0.15);
     --dm-primary-dark: #a66349;
 
     /* Focus ring with soft sunset colour */
@@ -1405,7 +1409,7 @@
     --dm-secondary: #a8808a;
     --dm-secondary-hover: #b5919a;
     --dm-secondary-active: #c2a2aa;
-    --dm-secondary-light: #f8f3f4;
+    --dm-secondary-light: rgba(168, 128, 138, 0.15);
     --dm-secondary-dark: #8a6670;
 
     /* ================================================
@@ -1414,26 +1418,26 @@
     --dm-success: #7a9e6d;
     --dm-success-hover: #8bae7f;
     --dm-success-active: #9cbe91;
-    --dm-success-light: #f2f6f0;
+    --dm-success-light: rgba(122, 158, 109, 0.15);
     --dm-success-dark: #628256;
 
     --dm-info: #8fa5b5;
     --dm-info-hover: #9fb3c1;
     --dm-info-active: #afc1cd;
-    --dm-info-light: #f3f6f8;
+    --dm-info-light: rgba(143, 165, 181, 0.15);
     --dm-info-dark: #708694;
 
     --dm-warning: #d4a85c;
     --dm-warning-hover: #dbb670;
     --dm-warning-active: #e2c484;
-    --dm-warning-light: #faf6ef;
+    --dm-warning-light: rgba(212, 168, 92, 0.15);
     --dm-warning-dark: #b58e45;
     --dm-warning-text: #8a6b30;
 
-    --dm-danger: #c45c5c;
+    --dm-danger: #a83838;
     --dm-danger-hover: #cf6f6f;
     --dm-danger-active: #da8282;
-    --dm-danger-light: #faf0f0;
+    --dm-danger-light: rgba(168, 56, 56, 0.15);
     --dm-danger-dark: #a54848;
 
     /* ================================================
@@ -1459,7 +1463,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -1627,7 +1631,7 @@
     --dm-progress-bar: #6495ed;
 
     /* Danger - Bright red (standard dark mode) */
-    --dm-danger: #ef4444; /* red-500 */
+    --dm-danger: #dc2626; /* red-600 */
     --dm-danger-hover: #f87171; /* red-400 */
     --dm-danger-active: #fca5a5; /* red-300 */
     --dm-danger-light: rgba(248, 113, 113, 0.15);
@@ -1648,7 +1652,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -1730,7 +1734,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -1757,8 +1761,10 @@
     --dm-primary-hover-text: #1a1a1a;
     --dm-secondary-text: #1a1a1a;
     --dm-secondary-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
-    --dm-danger-hover-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
+    --dm-danger-hover-text: #ffffff;
+    --dm-success-text: #1a1a1a;
+    --dm-info-text: #1a1a1a;
 }
 /**
  * Domma Royal Dark Theme
@@ -1783,7 +1789,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #e2e8f0; /* slate-200 */
     --dm-text-secondary: #94a3b8; /* slate-400 */
-    --dm-text-muted: #64748b; /* slate-500 */
+    --dm-text-muted: #94a3b8; /* slate-500 */
     --dm-text-disabled: #475569; /* slate-600 */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -1799,7 +1805,7 @@
     --dm-primary: #4169e1;
     --dm-primary-hover: #5a7de6;
     --dm-primary-active: #7391eb;
-    --dm-primary-light: #e8edfc;
+    --dm-primary-light: rgba(65, 105, 225, 0.15);
     --dm-primary-dark: #2c4a9e;
 
     /* Focus ring with royal colour */
@@ -1810,9 +1816,9 @@
        SECONDARY COLOURS - Purple Blue
        ================================================ */
     --dm-secondary: #6a5acd;
-    --dm-secondary-hover: #7d6fd4;
+    --dm-secondary-hover: #665aab;
     --dm-secondary-active: #9084db;
-    --dm-secondary-light: #f0eefa;
+    --dm-secondary-light: rgba(106, 90, 205, 0.15);
     --dm-secondary-dark: #483d8b;
 
     /* ================================================
@@ -1821,13 +1827,13 @@
     --dm-success: #32cd32;
     --dm-success-hover: #4ad34a;
     --dm-success-active: #62d962;
-    --dm-success-light: #e6f9e6;
+    --dm-success-light: rgba(50, 205, 50, 0.15);
     --dm-success-dark: #228b22;
 
     --dm-info: #6495ed;
     --dm-info-hover: #79a5f0;
     --dm-info-active: #8eb5f3;
-    --dm-info-light: #ebf1fd;
+    --dm-info-light: rgba(100, 149, 237, 0.15);
     --dm-info-dark: #4169e1;
 
     /* ================================================
@@ -1850,7 +1856,7 @@
     --dm-danger: #dc3545;
     --dm-danger-hover: #bb2d3b;
     --dm-danger-active: #b02a37;
-    --dm-danger-light: #f8d7da;
+    --dm-danger-light: rgba(220, 53, 69, 0.15);
     --dm-danger-dark: #842029;
 
     /* ================================================
@@ -1868,7 +1874,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -1968,7 +1974,7 @@
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #1a1a1a;
     --dm-secondary-text: #ffffff;
-    --dm-secondary-hover-text: #1a1a1a;
+    --dm-secondary-hover-text: #ffffff;
     --dm-success-text: #1a1a1a;
     --dm-success-hover-text: #1a1a1a;
     --dm-danger-text: #ffffff;
@@ -2029,7 +2035,7 @@
 
     --dm-warning: #e2c46d;
     --dm-warning-light: rgba(226, 196, 109, 0.15);
-    --dm-warning-text: #e2c46d;
+    --dm-warning-text: #1a1a1a;
 
     --dm-focus-ring: 0 0 0 3px rgba(212, 192, 106, 0.35);
     --dm-selected-bg: rgba(212, 192, 106, 0.2);
@@ -2038,7 +2044,7 @@
     --dm-progress-bar: #d4c06a;
 
     /* Danger - Bright red (standard dark mode) */
-    --dm-danger: #ef4444; /* red-500 */
+    --dm-danger: #dc2626; /* red-600 */
     --dm-danger-hover: #f87171; /* red-400 */
     --dm-danger-active: #fca5a5; /* red-300 */
     --dm-danger-light: rgba(248, 113, 113, 0.15);
@@ -2059,7 +2065,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -2141,7 +2147,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -2168,8 +2174,10 @@
     --dm-primary-hover-text: #1a1a1a;
     --dm-secondary-text: #1a1a1a;
     --dm-secondary-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
-    --dm-danger-hover-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
+    --dm-danger-hover-text: #ffffff;
+    --dm-success-text: #1a1a1a;
+    --dm-info-text: #1a1a1a;
 }
 /**
  * Domma Lemon Dark Theme
@@ -2194,7 +2202,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #e2e8f0; /* slate-200 */
     --dm-text-secondary: #94a3b8; /* slate-400 */
-    --dm-text-muted: #64748b; /* slate-500 */
+    --dm-text-muted: #94a3b8; /* slate-500 */
     --dm-text-disabled: #475569; /* slate-600 */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -2286,7 +2294,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -2454,7 +2462,7 @@
     --dm-progress-bar: #a0aec0;
 
     /* Danger - Bright red (standard dark mode) */
-    --dm-danger: #ef4444; /* red-500 */
+    --dm-danger: #dc2626; /* red-600 */
     --dm-danger-hover: #f87171; /* red-400 */
     --dm-danger-active: #fca5a5; /* red-300 */
     --dm-danger-light: rgba(248, 113, 113, 0.15);
@@ -2475,7 +2483,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -2557,7 +2565,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -2584,8 +2592,10 @@
     --dm-primary-hover-text: #1a1a1a;
     --dm-secondary-text: #1a1a1a;
     --dm-secondary-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
-    --dm-danger-hover-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
+    --dm-danger-hover-text: #ffffff;
+    --dm-success-text: #1a1a1a;
+    --dm-info-text: #1a1a1a;
 }
 /**
  * Domma Silver Dark Theme
@@ -2610,7 +2620,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #e2e8f0; /* slate-200 */
     --dm-text-secondary: #94a3b8; /* slate-400 */
-    --dm-text-muted: #64748b; /* slate-500 */
+    --dm-text-muted: #94a3b8; /* slate-500 */
     --dm-text-disabled: #475569; /* slate-600 */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -2623,7 +2633,7 @@
     /* ================================================
        PRIMARY COLOURS - Silver Gray
        ================================================ */
-    --dm-primary: #708090;
+    --dm-primary: #8a99a8;
     --dm-primary-hover: #84929f;
     --dm-primary-active: #98a4ae;
     --dm-primary-light: rgba(112, 128, 144, 0.15);
@@ -2671,7 +2681,7 @@
     --dm-selected-bg: rgba(112, 128, 144, 0.12);
     --dm-tab-active-border: #708090;
     --dm-tab-active-text: #a0aec0;
-    --dm-progress-bar: #708090;
+    --dm-progress-bar: #8a99a8;
 
     /* Danger - Standard red */
     --dm-danger: #dc3545;
@@ -2695,7 +2705,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -2861,7 +2871,7 @@
     --dm-progress-bar: #78909c;
 
     /* Danger - Bright red (standard dark mode) */
-    --dm-danger: #ef4444; /* red-500 */
+    --dm-danger: #dc2626; /* red-600 */
     --dm-danger-hover: #f87171; /* red-400 */
     --dm-danger-active: #fca5a5; /* red-300 */
     --dm-danger-light: rgba(248, 113, 113, 0.15);
@@ -2882,7 +2892,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -2964,7 +2974,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -2991,8 +3001,10 @@
     --dm-primary-hover-text: #ffffff;
     --dm-secondary-text: #1a1a1a;
     --dm-secondary-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
-    --dm-danger-hover-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
+    --dm-danger-hover-text: #ffffff;
+    --dm-success-text: #1a1a1a;
+    --dm-info-text: #1a1a1a;
 }
 /**
  * Domma Charcoal Dark Theme
@@ -3017,7 +3029,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #e2e8f0; /* slate-200 */
     --dm-text-secondary: #94a3b8; /* slate-400 */
-    --dm-text-muted: #64748b; /* slate-500 */
+    --dm-text-muted: #94a3b8; /* slate-500 */
     --dm-text-disabled: #475569; /* slate-600 */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -3044,7 +3056,7 @@
        SECONDARY COLOURS - Slate
        ================================================ */
     --dm-secondary: #5f6f7a;
-    --dm-secondary-hover: #738290;
+    --dm-secondary-hover: #5d6f7a;
     --dm-secondary-active: #8795a0;
     --dm-secondary-light: rgba(95, 111, 122, 0.15);
     --dm-secondary-dark: #3d4a52;
@@ -3056,7 +3068,7 @@
     --dm-success-hover: #61b965;
     --dm-success-active: #76c37a;
     --dm-success-light: rgba(76, 175, 80, 0.15);
-    --dm-success-dark: #388e3c;
+    --dm-success-dark: #2a6e2e;
 
     --dm-info: #2196f3;
     --dm-info-hover: #42a5f5;
@@ -3102,7 +3114,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -3202,7 +3214,7 @@
     --dm-primary-text: #1a1a1a;
     --dm-primary-hover-text: #ffffff;
     --dm-secondary-text: #ffffff;
-    --dm-secondary-hover-text: #1a1a1a;
+    --dm-secondary-hover-text: #ffffff;
     --dm-success-text: #1a1a1a;
     --dm-success-hover-text: #1a1a1a;
     --dm-danger-text: #ffffff;
@@ -3233,7 +3245,7 @@
     /* Text - Deep pine green for festive character */
     --dm-text: #1A2A1E;
     --dm-text-secondary: #3D5444;
-    --dm-text-muted: #6B8074;
+    --dm-text-muted: #5a6f63;
     --dm-text-disabled: #A4B5AC;
     --dm-text-inverse: #FFFFFF;
 
@@ -3267,13 +3279,13 @@
     /* ================================================
        STATUS COLOURS - Festive-harmonised
        ================================================ */
-    --dm-success: #228B22;
+    --dm-success: #1a6b1a;
     --dm-success-hover: #2EA02E;
     --dm-success-active: #3AB53A;
     --dm-success-light: rgba(34, 139, 34, 0.12);
     --dm-success-dark: #1A6B1A;
 
-    --dm-info: #3A7FB5;
+    --dm-info: #2a6da0;
     --dm-info-hover: #4A8FC5;
     --dm-info-active: #5A9FD5;
     --dm-info-light: rgba(58, 127, 181, 0.12);
@@ -3316,7 +3328,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -3474,9 +3486,9 @@
     border-image-slice: 1;
 }
 
-/* Candy-stripe progress bars */
+/* Candy-stripe progress bars (default + plain variant only — variants keep their semantic colour) */
 .dm-theme-christmas-light .dm-progression-progress-bar,
-.dm-theme-christmas-light .progress-bar {
+.dm-theme-christmas-light .progress > .progress-bar:not([class*="progress-bar-"]) {
     background-image: repeating-linear-gradient(
         45deg,
         transparent,
@@ -3485,6 +3497,7 @@
         rgba(255, 255, 255, 0.25) 12px
     );
     background-color: #2D6B3F;
+    color: #ffffff;
 }
 
 /* Festive syntax highlighting — green keywords, red strings, gold functions */
@@ -3499,7 +3512,7 @@
 }
 
 .dm-theme-christmas-light .code-block .syntax-function {
-    color: #9A7A1A;
+    color: #6B5311;
 }
 
 /**
@@ -3525,7 +3538,7 @@
     /* Text - Pure snow white; no green tint — moonlight on fresh snow */
     --dm-text: #FFFFFF;
     --dm-text-secondary: #D0D0D0;
-    --dm-text-muted: #8A8A8A;
+    --dm-text-muted: #a8a8a8;
     --dm-text-disabled: #505050;
     --dm-text-inverse: #0A1A10;
 
@@ -3608,7 +3621,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -3767,9 +3780,9 @@
     border-image-slice: 1;
 }
 
-/* Candy-stripe progress bars using surface colour for stripes */
+/* Candy-stripe progress bars (default + plain variant only — variants keep their semantic colour) */
 .dm-theme-christmas-dark .dm-progression-progress-bar,
-.dm-theme-christmas-dark .progress-bar {
+.dm-theme-christmas-dark .progress > .progress-bar:not([class*="progress-bar-"]) {
     background-image: repeating-linear-gradient(
         45deg,
         transparent,
@@ -3778,6 +3791,7 @@
         rgba(26, 48, 32, 0.4) 12px
     );
     background-color: #5CB875;
+    color: #1a1a1a;
 }
 
 /* Festive syntax highlighting — brighter versions for dark backgrounds */
@@ -3818,7 +3832,7 @@
     /* Text - Dark colours for readability on light */
     --dm-text: #2d1b3d;
     --dm-text-secondary: #5d3a6e;
-    --dm-text-muted: #8e6b9e;
+    --dm-text-muted: #735580;
     --dm-text-disabled: #c4a8d0;
     --dm-text-inverse: #ffffff;
 
@@ -3843,7 +3857,7 @@
     /* ================================================
        SECONDARY COLOURS - Hot Pink
        ================================================ */
-    --dm-secondary: #e91e90;
+    --dm-secondary: #c1187a;
     --dm-secondary-hover: #d81b7f;
     --dm-secondary-active: #c2176e;
     --dm-secondary-light: #fce4ec;
@@ -3856,7 +3870,7 @@
     --dm-success-hover: #57a85b;
     --dm-success-active: #43a047;
     --dm-success-light: rgba(102, 187, 106, 0.15);
-    --dm-success-dark: #388e3c;
+    --dm-success-dark: #2a6e2e;
 
     --dm-info: #42a5f5;
     --dm-info-hover: #2196f3;
@@ -3871,8 +3885,8 @@
     --dm-warning-dark: #e65100;
     --dm-warning-text: #e65100;
 
-    --dm-danger: #ef5350;
-    --dm-danger-hover: #e53935;
+    --dm-danger: #dc2626;
+    --dm-danger-hover: #c62828;
     --dm-danger-active: #c62828;
     --dm-danger-light: rgba(239, 83, 80, 0.15);
     --dm-danger-dark: #c62828;
@@ -3901,7 +3915,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -3987,7 +4001,7 @@
 
     /* Code */
     --dm-code-bg: #faf5fc;
-    --dm-code-text: #e91e90;
+    --dm-code-text: #a8125f;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -4012,11 +4026,11 @@
     /* Button text contrast overrides (auto-generated) */
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
-    --dm-secondary-text: #1a1a1a;
+    --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-success-text: #1a1a1a;
     --dm-success-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
     --dm-danger-hover-text: #ffffff;
     --dm-info-text: #1a1a1a;
     --dm-info-hover-text: #1a1a1a;
@@ -4047,7 +4061,7 @@
     /* Text - Light colours for readability on dark */
     --dm-text: #f3e5f5;
     --dm-text-secondary: #ce93d8;
-    --dm-text-muted: #ab47bc;
+    --dm-text-muted: #d4a3df;
     --dm-text-disabled: #6a3d7a;
     --dm-text-inverse: #1a0e24;
 
@@ -4062,7 +4076,7 @@
     --dm-primary: #ce93d8;
     --dm-primary-hover: #ba68c8;
     --dm-primary-active: #ab47bc;
-    --dm-primary-light: #f3e5f5;
+    --dm-primary-light: rgba(206, 147, 216, 0.15);
     --dm-primary-dark: #ab47bc;
 
     /* Focus ring with soft purple colour */
@@ -4075,7 +4089,7 @@
     --dm-secondary: #f48fb1;
     --dm-secondary-hover: #f06292;
     --dm-secondary-active: #ec407a;
-    --dm-secondary-light: #fce4ec;
+    --dm-secondary-light: rgba(244, 143, 177, 0.15);
     --dm-secondary-dark: #ec407a;
 
     /* ================================================
@@ -4130,7 +4144,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -4313,7 +4327,7 @@
     --dm-success-hover: #66bb6a;
     --dm-success-active: #4caf50;
     --dm-success-light: rgba(129, 199, 132, 0.15);
-    --dm-success-dark: #388e3c;
+    --dm-success-dark: #2a6e2e;
 
     --dm-info: #64b5f6;
     --dm-info-hover: #42a5f5;
@@ -4328,7 +4342,7 @@
     --dm-warning-dark: #e65100;
     --dm-warning-text: #bf360c;
 
-    --dm-danger: #e57373;
+    --dm-danger: #c62828;
     --dm-danger-hover: #ef5350;
     --dm-danger-active: #e53935;
     --dm-danger-light: rgba(229, 115, 115, 0.15);
@@ -4358,7 +4372,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -4444,7 +4458,7 @@
 
     /* Code */
     --dm-code-bg: #f5f0eb;
-    --dm-code-text: #a1887f;
+    --dm-code-text: #5d4037;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -4473,8 +4487,8 @@
     --dm-secondary-hover-text: #ffffff;
     --dm-success-text: #1a1a1a;
     --dm-success-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
-    --dm-danger-hover-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
+    --dm-danger-hover-text: #ffffff;
     --dm-info-text: #1a1a1a;
     --dm-info-hover-text: #1a1a1a;
     --dm-warning-text: #1a1a1a;
@@ -4519,7 +4533,7 @@
     --dm-primary: #bcaaa4;
     --dm-primary-hover: #d7ccc8;
     --dm-primary-active: #efebe9;
-    --dm-primary-light: #efebe9;
+    --dm-primary-light: rgba(188, 170, 164, 0.15);
     --dm-primary-dark: #a1887f;
 
     /* Focus ring with warm taupe colour */
@@ -4532,7 +4546,7 @@
     --dm-secondary: #d7ccc8;
     --dm-secondary-hover: #efebe9;
     --dm-secondary-active: #ffffff;
-    --dm-secondary-light: #faf5f0;
+    --dm-secondary-light: rgba(215, 204, 200, 0.15);
     --dm-secondary-dark: #bcaaa4;
 
     /* ================================================
@@ -4587,7 +4601,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -4760,7 +4774,7 @@
        SECONDARY COLOURS - Blue Grey
        ================================================ */
     --dm-secondary: #546e7a;
-    --dm-secondary-hover: #607d8b;
+    --dm-secondary-hover: #4f6470;
     --dm-secondary-active: #78909c;
     --dm-secondary-light: rgba(84, 110, 122, 0.15);
     --dm-secondary-dark: #455a64;
@@ -4769,7 +4783,7 @@
        STATUS COLOURS
        ================================================ */
     --dm-success: #2e7d32;
-    --dm-success-hover: #388e3c;
+    --dm-success-hover: #2a6e2e;
     --dm-success-active: #1b5e20;
     --dm-success-light: rgba(46, 125, 50, 0.1);
     --dm-success-dark: #1b5e20;
@@ -4817,7 +4831,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -4914,7 +4928,7 @@
 
     /* Code */
     --dm-code-bg: #f8f9fa;
-    --dm-code-text: #00838f;
+    --dm-code-text: #006670;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -4934,7 +4948,7 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-success-text: #ffffff;
-    --dm-success-hover-text: #1a1a1a;
+    --dm-success-hover-text: #ffffff;
     --dm-danger-text: #ffffff;
     --dm-danger-hover-text: #ffffff;
     --dm-info-text: #ffffff;
@@ -4945,7 +4959,7 @@
 
 /* Syntax highlighting tokens for grayve-light */
 .dm-theme-grayve-light .code-block .syntax-keyword {
-    color: #7c4dff; /* Deep Purple */
+    color: #5a2dcc; /* Deep Purple — darkened for ≥4.5:1 on #f5f5f5 */
     font-weight: 500;
 }
 
@@ -4955,7 +4969,7 @@
 }
 
 .dm-theme-grayve-light .code-block .syntax-function {
-    color: #00838f; /* Cyan */
+    color: #006873; /* Cyan — darkened for ≥4.5:1 on #f5f5f5 */
 }
 
 /**
@@ -4981,7 +4995,7 @@
     /* Text - Light colours for readability on dark */
     --dm-text: #DEE2E6;           /* slate-200 */
     --dm-text-secondary: #ADB5BD; /* slate-400 */
-    --dm-text-muted: #6C757D;     /* slate-500 */
+    --dm-text-muted: #a8b1ba;     /* slate-500 */
     --dm-text-disabled: #495057;  /* slate-600 */
     --dm-text-inverse: #1a1e21;   /* slate-900 */
 
@@ -4998,7 +5012,7 @@
     --dm-primary: #00bcd4;
     --dm-primary-hover: #00acc1;
     --dm-primary-active: #26c6da;
-    --dm-primary-light: #e0f7fa;
+    --dm-primary-light: rgba(0, 188, 212, 0.15);
     --dm-primary-dark: #0097a7;
 
     /* Focus ring with cyan colour */
@@ -5011,7 +5025,7 @@
     --dm-secondary: #6C757D;
     --dm-secondary-hover: #ADB5BD;
     --dm-secondary-active: #CED4DA;
-    --dm-secondary-light: #E9ECEF;
+    --dm-secondary-light: rgba(108, 117, 125, 0.15);
     --dm-secondary-dark: #495057;
 
     /* ================================================
@@ -5066,7 +5080,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -5230,7 +5244,7 @@
     /* Text - Dark colors for readability on light */
     --dm-text: #1a2e25;
     --dm-text-secondary: #3d5a4a;
-    --dm-text-muted: #6c8a7a;
+    --dm-text-muted: #557565;
     --dm-text-disabled: #adc4b8;
     --dm-text-inverse: #ffffff;
 
@@ -5245,7 +5259,7 @@
 
     /* PRIMARY COLOURS - Mint Green */
     --dm-primary: #2e9e6e;
-    --dm-primary-hover: #279060;
+    --dm-primary-hover: #1a6b46;
     --dm-primary-active: #1f7a50;
     --dm-primary-light: #d4f5e4;
     --dm-primary-dark: #1b5e3a;
@@ -5257,7 +5271,7 @@
     /* ================================================
        SECONDARY COLOURS - Seafoam
        ================================================ */
-    --dm-secondary: #5b8a7a;
+    --dm-secondary: #446b5d;
     --dm-secondary-hover: #6b9e8c;
     --dm-secondary-active: #7cb29e;
     --dm-secondary-light: #e8f5ef;
@@ -5285,7 +5299,7 @@
     --dm-warning-dark: #c88a2a;
     --dm-warning-text: #c88a2a;
 
-    --dm-danger: #e53e3e;
+    --dm-danger: #c92929;
     --dm-danger-hover: #e85656;
     --dm-danger-active: #ed7676;
     --dm-danger-light: #fde8e8;
@@ -5315,7 +5329,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -5401,7 +5415,7 @@
 
     /* Code */
     --dm-code-bg: #f0faf5;
-    --dm-code-text: #e83e8c;
+    --dm-code-text: #bf1d68;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -5425,12 +5439,12 @@
 
     /* Button text contrast overrides (auto-generated) */
     --dm-primary-text: #1a1a1a;
-    --dm-primary-hover-text: #1a1a1a;
-    --dm-secondary-text: #1a1a1a;
+    --dm-primary-hover-text: #ffffff;
+    --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #1a1a1a;
     --dm-success-text: #1a1a1a;
     --dm-success-hover-text: #1a1a1a;
-    --dm-danger-text: #1a1a1a;
+    --dm-danger-text: #ffffff;
     --dm-danger-hover-text: #1a1a1a;
     --dm-info-text: #1a1a1a;
     --dm-info-hover-text: #1a1a1a;
@@ -5461,7 +5475,7 @@
     /* Text - Light colors for readability on dark */
     --dm-text: #d4f5e4; /* mint-tinted slate-200 */
     --dm-text-secondary: #93bfad; /* muted mint */
-    --dm-text-muted: #5e8a78; /* slate-500 with mint tint */
+    --dm-text-muted: #7ea895; /* slate-500 with mint tint */
     --dm-text-disabled: #3d5e50; /* slate-600 with mint tint */
     --dm-text-inverse: #0f172a; /* slate-900 */
 
@@ -5545,7 +5559,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -5691,7 +5705,7 @@
     /* Text - Dark warm tones for readability on cream */
     --dm-text: #2C2416;
     --dm-text-secondary: #5C4E3C;
-    --dm-text-muted: #8B7355;
+    --dm-text-muted: #6e5942;
     --dm-text-disabled: #C4B49A;
     --dm-text-inverse: #FFFFFF;
 
@@ -5727,13 +5741,13 @@
     /* ================================================
        STATUS COLOURS - Harmonised with warm palette
        ================================================ */
-    --dm-success: #4A8C5C;
+    --dm-success: #3a6e48;
     --dm-success-hover: #56A06A;
     --dm-success-active: #62B478;
     --dm-success-light: #E8F5EC;
     --dm-success-dark: #3A6E48;
 
-    --dm-info: #4A7FA8;
+    --dm-info: #3a6788;
     --dm-info-hover: #5490BC;
     --dm-info-active: #6AA1CC;
     --dm-info-light: #E6F0F8;
@@ -5776,7 +5790,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-md);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);
@@ -5862,7 +5876,7 @@
 
     /* Code */
     --dm-code-bg: #FFF8E7;
-    --dm-code-text: #A8823F;
+    --dm-code-text: #735628;
     --dm-code-border: var(--dm-border);
 
     /* ================================================
@@ -5889,7 +5903,7 @@
     --dm-primary-hover-text: #1a1a1a;
     --dm-secondary-text: #1a1a1a;
     --dm-secondary-hover-text: #1a1a1a;
-    --dm-success-text: #1a1a1a;
+    --dm-success-text: #ffffff;
     --dm-success-hover-text: #1a1a1a;
     --dm-danger-text: #ffffff;
     --dm-danger-hover-text: #ffffff;
@@ -5922,7 +5936,7 @@
     /* Text - Warm cream for readability on dark */
     --dm-text: #F0E8D8;
     --dm-text-secondary: #D4C4A8;
-    --dm-text-muted: #8B7355;
+    --dm-text-muted: #b39977;
     --dm-text-disabled: #4A4060;
     --dm-text-inverse: #12121F;
 
@@ -5939,7 +5953,7 @@
     --dm-primary: #C5A55A;
     --dm-primary-hover: #D4B66A;
     --dm-primary-active: #B8964D;
-    --dm-primary-light: #2A2520;
+    --dm-primary-light: rgba(197, 165, 90, 0.15);
     --dm-primary-dark: #8B7335;
 
     /* Focus ring with warm gold colour */
@@ -6006,7 +6020,7 @@
     --dm-card-bg: var(--dm-surface);
     --dm-card-border: var(--dm-border);
     --dm-card-shadow: var(--dm-shadow-sm);
-    --dm-card-header-bg: var(--dm-primary-light);
+    --dm-card-header-bg: var(--dm-surface-alt, var(--dm-background-alt));
 
     /* Inputs */
     --dm-input-bg: var(--dm-surface);