domma-js 0.15.0 → 0.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-js",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
   "main": "public/dist/domma.min.js",
   "module": "public/dist/domma.esm.js",

package/public/dist/bundles/domma-complete.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Complete CSS Bundle v0.15.0
+ * Domma Complete CSS Bundle v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:15.077Z
+ * Built: 2026-02-15T19:34:06.411Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.15.0
+ * Domma Core CSS v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.761Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.099Z
+ * Commit: 04c480c
  */
 
 /**
@@ -2337,7 +2337,7 @@ code, pre {
 .form-input.success:focus,
 .form-select.success:focus,
 .form-textarea.success:focus {
-    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-success, rgba(22, 163, 74, 0.2));
 }
 
 .form-input.warning,
@@ -2349,7 +2349,7 @@ code, pre {
 .form-input.warning:focus,
 .form-select.warning:focus,
 .form-textarea.warning:focus {
-    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-warning, rgba(245, 158, 11, 0.2));
 }
 
 .form-success {
@@ -2374,7 +2374,7 @@ code, pre {
 .has-success .form-input:focus,
 .has-success .form-select:focus,
 .has-success .form-textarea:focus {
-    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-success, rgba(22, 163, 74, 0.2));
 }
 
 .has-error .form-input,
@@ -2386,7 +2386,7 @@ code, pre {
 .has-error .form-input:focus,
 .has-error .form-select:focus,
 .has-error .form-textarea:focus {
-    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-danger, rgba(239, 68, 68, 0.2));
 }
 
 .has-warning .form-input,
@@ -2398,7 +2398,7 @@ code, pre {
 .has-warning .form-input:focus,
 .has-warning .form-select:focus,
 .has-warning .form-textarea:focus {
-    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-warning, rgba(245, 158, 11, 0.2));
 }
 
 /* Input Sizes */
@@ -3337,7 +3337,7 @@ code, pre {
 .dm-tw-cursor-block {
     padding: 0;
     background: currentColor;
-    color: var(--dm-body-bg, #fff);
+    color: var(--dm-background, #fff);
     opacity: 0.8;
     font-size: 0.7em;
     line-height: 0.9;
@@ -4703,11 +4703,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.15.0
+ * Domma Grid CSS v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.771Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.108Z
+ * Commit: 04c480c
  */
 
 /**
@@ -5304,11 +5304,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.15.0
+ * Domma Elements CSS v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.779Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.115Z
+ * Commit: 04c480c
  */
 
 /**
@@ -5606,7 +5606,7 @@ body.dm-cloaked.dm-ready {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0.95);
-    background-color: var(--dm-white);
+    background-color: var(--dm-surface, var(--dm-white));
     border-radius: var(--dm-radius-lg);
     box-shadow: var(--dm-shadow-xl);
     z-index: 50;
@@ -5796,7 +5796,7 @@ body.dm-cloaked.dm-ready {
     justify-content: space-between;
     padding: var(--dm-space-4) var(--dm-space-6);
     cursor: pointer;
-    background-color: var(--dm-white);
+    background-color: var(--dm-surface, var(--dm-white));
     font-weight: 500;
     transition: background-color var(--dm-transition-fast);
 }
@@ -6968,7 +6968,7 @@ code {
 
 .navbar-link:hover {
     color: var(--dm-text);
-    background-color: var(--dm-gray-800);
+    background-color: var(--dm-hover-bg, var(--dm-gray-800));
     border-radius: 0;
 }
 
@@ -6980,7 +6980,7 @@ code {
 
 .nav-version {
     display: none;
-    color: #eee;
+    color: var(--dm-text-secondary, #eee);
 }
 
 /* Light navbar variant */
@@ -7284,7 +7284,7 @@ code {
 .navbar-dropdown-divider {
     height: 1px;
     margin: 0.5rem 0;
-    background: var(--dm-border-color, rgba(0, 0, 0, 0.1));
+    background: var(--dm-border, rgba(0, 0, 0, 0.1));
     list-style: none;
 }
 
@@ -7609,11 +7609,12 @@ code {
 .hero {
     position: relative;
     padding: var(--dm-space-12) var(--dm-space-6);
-    background-color: var(--dm-gray-100);
+    background-color: var(--dm-background-alt, var(--dm-gray-100));
+    color: var(--dm-text, inherit);
     border: none;
     border-radius: 0;
     margin-bottom: var(--dm-space-6);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--dm-shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.05));
     text-align: center;
 }
 
@@ -7624,7 +7625,7 @@ code {
 }
 
 .hero-dark {
-    background-color: var(--dm-gray-900);
+    background-color: var(--dm-surface-overlay, var(--dm-gray-900));
     color: var(--dm-white);
 }
 
@@ -7906,7 +7907,7 @@ code {
     gap: var(--dm-space-2);
     padding: var(--dm-space-1) var(--dm-space-3);
     background: var(--dm-primary);
-    color: white;
+    color: var(--dm-white);
     font-size: var(--dm-font-size-sm);
     font-weight: 500;
     border-radius: var(--dm-radius-full);
@@ -7915,8 +7916,8 @@ code {
 }
 
 .hero-badge-secondary {
-    background: var(--dm-gray-200);
-    color: var(--dm-gray-900);
+    background: var(--dm-secondary-light, var(--dm-gray-200));
+    color: var(--dm-text, var(--dm-gray-900));
 }
 
 .hero-badge-outline {
@@ -7927,22 +7928,22 @@ code {
 
 .hero-badge-success {
     background: var(--dm-success);
-    color: white;
+    color: var(--dm-white);
 }
 
 .hero-badge-warning {
     background: var(--dm-warning);
-    color: var(--dm-gray-900);
+    color: var(--dm-text, var(--dm-gray-900));
 }
 
 .hero-badge-danger {
     background: var(--dm-danger);
-    color: white;
+    color: var(--dm-white);
 }
 
 .hero-badge-info {
     background: var(--dm-info);
-    color: white;
+    color: var(--dm-white);
 }
 
 /* Badge icon/emoji support */
@@ -8016,43 +8017,43 @@ code {
 /* 5. Additional Gradient Variants - Modern gradient backgrounds */
 
 .hero-gradient-purple {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-purple, #667eea) 0%, var(--dm-purple-dark, #764ba2) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-blue {
-    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-info, #3b82f6) 0%, var(--dm-info-dark, #1e40af) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-green {
-    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-success, #10b981) 0%, var(--dm-success-dark, #059669) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-sunset {
-    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-warning, #f59e0b) 0%, var(--dm-danger, #ef4444) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-ocean {
-    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-sky, #0ea5e9) 0%, var(--dm-cyan, #06b6d4) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-rose {
-    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-pink, #ec4899) 0%, var(--dm-rose, #f43f5e) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-forest {
-    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-green, #16a34a) 0%, var(--dm-green-dark, #15803d) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-night {
-    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-slate-800, #1e293b) 0%, var(--dm-slate-900, #0f172a) 100%);
+    color: var(--dm-white);
 }
 
    CAROUSEL
@@ -8747,8 +8748,8 @@ code {
 }
 
 .sidebar-dark .sidebar-link.active {
-    color: #eaeaea;
-    background: rgba(102, 178, 255, 0.15);
+    color: var(--dm-text-light, #eaeaea);
+    background: var(--dm-primary-light, rgba(102, 178, 255, 0.15));
     border-left-color: var(--dm-primary-light, #66b2ff);
 }
 
@@ -10233,11 +10234,11 @@ code {
     right: 0;
     bottom: 0;
     z-index: 1000;
-    background-color: rgba(255, 255, 255, 0.9);
+    background-color: var(--dm-loader-overlay-bg, rgba(255, 255, 255, 0.9));
 }
 
 [data-theme="dark"] .dm-loader.dm-loader-overlay {
-    background-color: rgba(0, 0, 0, 0.8);
+    background-color: var(--dm-loader-overlay-bg, rgba(0, 0, 0, 0.8));
 }
 
 /* Spinner type */
@@ -10596,7 +10597,7 @@ code {
     width: 16px;
     left: 2px;
     top: 2px;
-    background: white;
+    background: var(--dm-white, #fff);
     border-radius: 50%;
     transition: left 0.2s;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -10755,7 +10756,7 @@ code {
     width: 16px;
     left: 3px;
     bottom: 3px;
-    background: white;
+    background: var(--dm-white, #fff);
     border-radius: 50%;
     transition: transform 0.3s;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -11853,11 +11854,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.15.0
+ * Domma Themes v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.738Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.077Z
+ * Commit: 04c480c
  */
 
 /**

package/public/dist/bundles/domma-data-focused.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.15.0
+ * Domma Data-Focused CSS Bundle v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:15.068Z
+ * Built: 2026-02-15T19:34:06.402Z
  */
 
 /* ============================================
@@ -230,11 +230,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.15.0
+ * Domma Core CSS v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.761Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.099Z
+ * Commit: 04c480c
  */
 
 /**
@@ -2556,7 +2556,7 @@ code, pre {
 .form-input.success:focus,
 .form-select.success:focus,
 .form-textarea.success:focus {
-    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-success, rgba(22, 163, 74, 0.2));
 }
 
 .form-input.warning,
@@ -2568,7 +2568,7 @@ code, pre {
 .form-input.warning:focus,
 .form-select.warning:focus,
 .form-textarea.warning:focus {
-    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-warning, rgba(245, 158, 11, 0.2));
 }
 
 .form-success {
@@ -2593,7 +2593,7 @@ code, pre {
 .has-success .form-input:focus,
 .has-success .form-select:focus,
 .has-success .form-textarea:focus {
-    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-success, rgba(22, 163, 74, 0.2));
 }
 
 .has-error .form-input,
@@ -2605,7 +2605,7 @@ code, pre {
 .has-error .form-input:focus,
 .has-error .form-select:focus,
 .has-error .form-textarea:focus {
-    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-danger, rgba(239, 68, 68, 0.2));
 }
 
 .has-warning .form-input,
@@ -2617,7 +2617,7 @@ code, pre {
 .has-warning .form-input:focus,
 .has-warning .form-select:focus,
 .has-warning .form-textarea:focus {
-    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
+    box-shadow: 0 0 0 3px var(--dm-focus-ring-warning, rgba(245, 158, 11, 0.2));
 }
 
 /* Input Sizes */
@@ -3556,7 +3556,7 @@ code, pre {
 .dm-tw-cursor-block {
     padding: 0;
     background: currentColor;
-    color: var(--dm-body-bg, #fff);
+    color: var(--dm-background, #fff);
     opacity: 0.8;
     font-size: 0.7em;
     line-height: 0.9;
@@ -4922,11 +4922,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.15.0
+ * Domma Grid CSS v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.771Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.108Z
+ * Commit: 04c480c
  */
 
 /**
@@ -5523,11 +5523,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.15.0
+ * Domma Elements CSS v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.779Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.115Z
+ * Commit: 04c480c
  */
 
 /**
@@ -5825,7 +5825,7 @@ body.dm-cloaked.dm-ready {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0.95);
-    background-color: var(--dm-white);
+    background-color: var(--dm-surface, var(--dm-white));
     border-radius: var(--dm-radius-lg);
     box-shadow: var(--dm-shadow-xl);
     z-index: 50;
@@ -6015,7 +6015,7 @@ body.dm-cloaked.dm-ready {
     justify-content: space-between;
     padding: var(--dm-space-4) var(--dm-space-6);
     cursor: pointer;
-    background-color: var(--dm-white);
+    background-color: var(--dm-surface, var(--dm-white));
     font-weight: 500;
     transition: background-color var(--dm-transition-fast);
 }
@@ -7187,7 +7187,7 @@ code {
 
 .navbar-link:hover {
     color: var(--dm-text);
-    background-color: var(--dm-gray-800);
+    background-color: var(--dm-hover-bg, var(--dm-gray-800));
     border-radius: 0;
 }
 
@@ -7199,7 +7199,7 @@ code {
 
 .nav-version {
     display: none;
-    color: #eee;
+    color: var(--dm-text-secondary, #eee);
 }
 
 /* Light navbar variant */
@@ -7503,7 +7503,7 @@ code {
 .navbar-dropdown-divider {
     height: 1px;
     margin: 0.5rem 0;
-    background: var(--dm-border-color, rgba(0, 0, 0, 0.1));
+    background: var(--dm-border, rgba(0, 0, 0, 0.1));
     list-style: none;
 }
 
@@ -7828,11 +7828,12 @@ code {
 .hero {
     position: relative;
     padding: var(--dm-space-12) var(--dm-space-6);
-    background-color: var(--dm-gray-100);
+    background-color: var(--dm-background-alt, var(--dm-gray-100));
+    color: var(--dm-text, inherit);
     border: none;
     border-radius: 0;
     margin-bottom: var(--dm-space-6);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--dm-shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.05));
     text-align: center;
 }
 
@@ -7843,7 +7844,7 @@ code {
 }
 
 .hero-dark {
-    background-color: var(--dm-gray-900);
+    background-color: var(--dm-surface-overlay, var(--dm-gray-900));
     color: var(--dm-white);
 }
 
@@ -8125,7 +8126,7 @@ code {
     gap: var(--dm-space-2);
     padding: var(--dm-space-1) var(--dm-space-3);
     background: var(--dm-primary);
-    color: white;
+    color: var(--dm-white);
     font-size: var(--dm-font-size-sm);
     font-weight: 500;
     border-radius: var(--dm-radius-full);
@@ -8134,8 +8135,8 @@ code {
 }
 
 .hero-badge-secondary {
-    background: var(--dm-gray-200);
-    color: var(--dm-gray-900);
+    background: var(--dm-secondary-light, var(--dm-gray-200));
+    color: var(--dm-text, var(--dm-gray-900));
 }
 
 .hero-badge-outline {
@@ -8146,22 +8147,22 @@ code {
 
 .hero-badge-success {
     background: var(--dm-success);
-    color: white;
+    color: var(--dm-white);
 }
 
 .hero-badge-warning {
     background: var(--dm-warning);
-    color: var(--dm-gray-900);
+    color: var(--dm-text, var(--dm-gray-900));
 }
 
 .hero-badge-danger {
     background: var(--dm-danger);
-    color: white;
+    color: var(--dm-white);
 }
 
 .hero-badge-info {
     background: var(--dm-info);
-    color: white;
+    color: var(--dm-white);
 }
 
 /* Badge icon/emoji support */
@@ -8235,43 +8236,43 @@ code {
 /* 5. Additional Gradient Variants - Modern gradient backgrounds */
 
 .hero-gradient-purple {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-purple, #667eea) 0%, var(--dm-purple-dark, #764ba2) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-blue {
-    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-info, #3b82f6) 0%, var(--dm-info-dark, #1e40af) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-green {
-    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-success, #10b981) 0%, var(--dm-success-dark, #059669) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-sunset {
-    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-warning, #f59e0b) 0%, var(--dm-danger, #ef4444) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-ocean {
-    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-sky, #0ea5e9) 0%, var(--dm-cyan, #06b6d4) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-rose {
-    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-pink, #ec4899) 0%, var(--dm-rose, #f43f5e) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-forest {
-    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-green, #16a34a) 0%, var(--dm-green-dark, #15803d) 100%);
+    color: var(--dm-white);
 }
 
 .hero-gradient-night {
-    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
-    color: white;
+    background: linear-gradient(135deg, var(--dm-slate-800, #1e293b) 0%, var(--dm-slate-900, #0f172a) 100%);
+    color: var(--dm-white);
 }
 
    CAROUSEL
@@ -8966,8 +8967,8 @@ code {
 }
 
 .sidebar-dark .sidebar-link.active {
-    color: #eaeaea;
-    background: rgba(102, 178, 255, 0.15);
+    color: var(--dm-text-light, #eaeaea);
+    background: var(--dm-primary-light, rgba(102, 178, 255, 0.15));
     border-left-color: var(--dm-primary-light, #66b2ff);
 }
 
@@ -10452,11 +10453,11 @@ code {
     right: 0;
     bottom: 0;
     z-index: 1000;
-    background-color: rgba(255, 255, 255, 0.9);
+    background-color: var(--dm-loader-overlay-bg, rgba(255, 255, 255, 0.9));
 }
 
 [data-theme="dark"] .dm-loader.dm-loader-overlay {
-    background-color: rgba(0, 0, 0, 0.8);
+    background-color: var(--dm-loader-overlay-bg, rgba(0, 0, 0, 0.8));
 }
 
 /* Spinner type */
@@ -10815,7 +10816,7 @@ code {
     width: 16px;
     left: 2px;
     top: 2px;
-    background: white;
+    background: var(--dm-white, #fff);
     border-radius: 50%;
     transition: left 0.2s;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -10974,7 +10975,7 @@ code {
     width: 16px;
     left: 3px;
     bottom: 3px;
-    background: white;
+    background: var(--dm-white, #fff);
     border-radius: 50%;
     transition: transform 0.3s;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
@@ -12072,11 +12073,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.15.0
+ * Domma Themes v0.16.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-14T11:19:14.738Z
- * Commit: 8bcd748
+ * Built: 2026-02-15T19:34:06.077Z
+ * Commit: 04c480c
  */
 
 /**