domma-js 0.18.0 → 0.18.2

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Grayve Theme Preset CSS Bundle v0.18.0
+ * Domma Grayve Theme Preset CSS Bundle v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.772Z
+ * Built: 2026-02-25T21:51:20.174Z
  */
 
 /* ============================================
@@ -230,11 +230,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.18.0
+ * Domma Core CSS v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.425Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:19.726Z
+ * Commit: 2eb305a
  */
 
 /**
@@ -2785,6 +2785,43 @@ code, pre {
     z-index: 2;
 }
 
+/* Button Group Sizes */
+.btn-group-sm > .btn,
+.btn-group-sm > .btn-group > .btn {
+    padding: var(--dm-space-1) var(--dm-space-2);
+    font-size: var(--dm-font-size-xs);
+    line-height: 1.5;
+    border-radius: 0;
+}
+
+.btn-group-sm > .btn:first-child {
+    border-top-left-radius: var(--dm-radius-sm);
+    border-bottom-left-radius: var(--dm-radius-sm);
+}
+
+.btn-group-sm > .btn:last-child {
+    border-top-right-radius: var(--dm-radius-sm);
+    border-bottom-right-radius: var(--dm-radius-sm);
+}
+
+.btn-group-lg > .btn,
+.btn-group-lg > .btn-group > .btn {
+    padding: var(--dm-space-3) var(--dm-space-6);
+    font-size: var(--dm-font-size-lg);
+    line-height: 1.5;
+    border-radius: 0;
+}
+
+.btn-group-lg > .btn:first-child {
+    border-top-left-radius: var(--dm-radius-lg);
+    border-bottom-left-radius: var(--dm-radius-lg);
+}
+
+.btn-group-lg > .btn:last-child {
+    border-top-right-radius: var(--dm-radius-lg);
+    border-bottom-right-radius: var(--dm-radius-lg);
+}
+
 /* Range Slider */
 .form-range {
     appearance: none;
@@ -4222,12 +4259,18 @@ code, pre {
 }
 
 @keyframes dm-ambient-aurora {
-    0%, 100% {
-        background-position: 0% 50%;
-    }
-    50% {
-        background-position: 100% 50%;
-    }
+    0%   { background-position: 0% 50%; }
+    25%  { background-position: 50% 0%; }
+    50%  { background-position: 100% 50%; }
+    75%  { background-position: 50% 100%; }
+    100% { background-position: 0% 50%; }
+}
+
+@keyframes dm-ambient-aurora-2 {
+    0%   { background-position: 100% 0%; }
+    33%  { background-position: 0% 50%; }
+    66%  { background-position: 80% 100%; }
+    100% { background-position: 100% 0%; }
 }
 
 /* Utility Classes - Rotating Gradients */
@@ -4469,20 +4512,42 @@ code, pre {
 .bg-ambient-aurora::before {
     content: '';
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
     background: linear-gradient(
-            45deg,
-            rgba(59, 130, 246, 0.1) 0%,
-            rgba(139, 92, 246, 0.08) 25%,
-            rgba(236, 72, 153, 0.06) 50%,
-            rgba(59, 130, 246, 0.08) 75%,
-            rgba(139, 92, 246, 0.1) 100%
+            120deg,
+            rgba(16, 185, 129, 0.0) 0%,
+            rgba(16, 185, 129, 0.5) 20%,
+            rgba(6, 182, 212, 0.6) 40%,
+            rgba(59, 130, 246, 0.4) 60%,
+            rgba(6, 182, 212, 0.3) 80%,
+            rgba(16, 185, 129, 0.0) 100%
     );
-    background-size: 400% 400%;
-    animation: dm-ambient-aurora 15s ease infinite;
+    background-size: 200% 200%;
+    animation: dm-ambient-aurora 20s ease infinite;
+    will-change: background-position;
+}
+
+.bg-ambient-aurora::after {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(
+            240deg,
+            rgba(139, 92, 246, 0.0) 0%,
+            rgba(139, 92, 246, 0.4) 25%,
+            rgba(236, 72, 153, 0.3) 50%,
+            rgba(109, 40, 217, 0.35) 75%,
+            rgba(139, 92, 246, 0.0) 100%
+    );
+    background-size: 200% 200%;
+    animation: dm-ambient-aurora-2 25s ease infinite;
+    mix-blend-mode: screen;
     will-change: background-position;
 }
 
@@ -4926,11 +4991,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.18.0
+ * Domma Grid CSS v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.433Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:19.735Z
+ * Commit: 2eb305a
  */
 
 /**
@@ -5551,11 +5616,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.18.0
+ * Domma Elements CSS v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.441Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:19.743Z
+ * Commit: 2eb305a
  */
 
 /**
@@ -6944,6 +7009,14 @@ textarea:not([class])::placeholder {
     color: var(--dm-info-dark);
 }
 
+/* In dark themes, the "-dark" colour variants are designed for light backgrounds.
+   Use the base colour (readable on dark backgrounds) instead. */
+[data-mode="dark"] .alert-primary { color: var(--dm-primary); }
+[data-mode="dark"] .alert-success { color: var(--dm-success); }
+[data-mode="dark"] .alert-danger  { color: var(--dm-danger);  }
+[data-mode="dark"] .alert-warning { color: var(--dm-warning-text, var(--dm-warning)); }
+[data-mode="dark"] .alert-info    { color: var(--dm-info);    }
+
 
 /* ============================================
    CODE BLOCK
@@ -7342,7 +7415,7 @@ code {
 }
 
 .navbar-dark .navbar-link {
-    color: var(--dm-text-disabled);
+    color: var(--dm-gray-400, #adb5bd);
 }
 
 .navbar-dark .navbar-link:hover {
@@ -7639,7 +7712,7 @@ code {
 }
 
 .navbar-dark .navbar-dropdown-item {
-    color: var(--dm-text-disabled);
+    color: var(--dm-gray-400, #adb5bd);
 }
 
 .navbar-dark .navbar-dropdown-item:hover {
@@ -11871,16 +11944,16 @@ code {
 /* Dark theme support */
 [data-mode="dark"] .dm-progression-content {
     background: var(--dm-surface);
-    border-color: var(--dm-text);
-    color: var(--dm-text-inverse);
+    border-color: var(--dm-border);
+    color: var(--dm-text);
 }
 
 [data-mode="dark"] .dm-progression-title {
-    color: var(--dm-text-inverse);
+    color: var(--dm-text);
 }
 
 [data-mode="dark"] .dm-progression-description {
-    color: var(--dm-text-disabled);
+    color: var(--dm-text-secondary);
 }
 
 [data-mode="dark"] .dm-progression-minimal .dm-progression-content {
@@ -12241,11 +12314,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.18.0
+ * Domma Themes v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.403Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:19.692Z
+ * Commit: 2eb305a
  */
 
 /**

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Minimal CSS Bundle v0.18.0
+ * Domma Minimal CSS Bundle v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.744Z
+ * Built: 2026-02-25T21:51:20.153Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.18.0
+ * Domma Core CSS v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.425Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:19.726Z
+ * Commit: 2eb305a
  */
 
 /**
@@ -2566,6 +2566,43 @@ code, pre {
     z-index: 2;
 }
 
+/* Button Group Sizes */
+.btn-group-sm > .btn,
+.btn-group-sm > .btn-group > .btn {
+    padding: var(--dm-space-1) var(--dm-space-2);
+    font-size: var(--dm-font-size-xs);
+    line-height: 1.5;
+    border-radius: 0;
+}
+
+.btn-group-sm > .btn:first-child {
+    border-top-left-radius: var(--dm-radius-sm);
+    border-bottom-left-radius: var(--dm-radius-sm);
+}
+
+.btn-group-sm > .btn:last-child {
+    border-top-right-radius: var(--dm-radius-sm);
+    border-bottom-right-radius: var(--dm-radius-sm);
+}
+
+.btn-group-lg > .btn,
+.btn-group-lg > .btn-group > .btn {
+    padding: var(--dm-space-3) var(--dm-space-6);
+    font-size: var(--dm-font-size-lg);
+    line-height: 1.5;
+    border-radius: 0;
+}
+
+.btn-group-lg > .btn:first-child {
+    border-top-left-radius: var(--dm-radius-lg);
+    border-bottom-left-radius: var(--dm-radius-lg);
+}
+
+.btn-group-lg > .btn:last-child {
+    border-top-right-radius: var(--dm-radius-lg);
+    border-bottom-right-radius: var(--dm-radius-lg);
+}
+
 /* Range Slider */
 .form-range {
     appearance: none;
@@ -4003,12 +4040,18 @@ code, pre {
 }
 
 @keyframes dm-ambient-aurora {
-    0%, 100% {
-        background-position: 0% 50%;
-    }
-    50% {
-        background-position: 100% 50%;
-    }
+    0%   { background-position: 0% 50%; }
+    25%  { background-position: 50% 0%; }
+    50%  { background-position: 100% 50%; }
+    75%  { background-position: 50% 100%; }
+    100% { background-position: 0% 50%; }
+}
+
+@keyframes dm-ambient-aurora-2 {
+    0%   { background-position: 100% 0%; }
+    33%  { background-position: 0% 50%; }
+    66%  { background-position: 80% 100%; }
+    100% { background-position: 100% 0%; }
 }
 
 /* Utility Classes - Rotating Gradients */
@@ -4250,20 +4293,42 @@ code, pre {
 .bg-ambient-aurora::before {
     content: '';
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(
+            120deg,
+            rgba(16, 185, 129, 0.0) 0%,
+            rgba(16, 185, 129, 0.5) 20%,
+            rgba(6, 182, 212, 0.6) 40%,
+            rgba(59, 130, 246, 0.4) 60%,
+            rgba(6, 182, 212, 0.3) 80%,
+            rgba(16, 185, 129, 0.0) 100%
+    );
+    background-size: 200% 200%;
+    animation: dm-ambient-aurora 20s ease infinite;
+    will-change: background-position;
+}
+
+.bg-ambient-aurora::after {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
     background: linear-gradient(
-            45deg,
-            rgba(59, 130, 246, 0.1) 0%,
-            rgba(139, 92, 246, 0.08) 25%,
-            rgba(236, 72, 153, 0.06) 50%,
-            rgba(59, 130, 246, 0.08) 75%,
-            rgba(139, 92, 246, 0.1) 100%
+            240deg,
+            rgba(139, 92, 246, 0.0) 0%,
+            rgba(139, 92, 246, 0.4) 25%,
+            rgba(236, 72, 153, 0.3) 50%,
+            rgba(109, 40, 217, 0.35) 75%,
+            rgba(139, 92, 246, 0.0) 100%
     );
-    background-size: 400% 400%;
-    animation: dm-ambient-aurora 15s ease infinite;
+    background-size: 200% 200%;
+    animation: dm-ambient-aurora-2 25s ease infinite;
+    mix-blend-mode: screen;
     will-change: background-position;
 }
 
@@ -4707,11 +4772,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.18.0
+ * Domma Grid CSS v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.433Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:19.735Z
+ * Commit: 2eb305a
  */
 
 /**

package/public/dist/domma-syntax.min.js

@@ -1,8 +1,8 @@
 /*!
- * Domma Syntax Highlighter v0.18.0
+ * Domma Syntax Highlighter v0.18.1
  * Lightweight code syntax highlighting for JavaScript, HTML, and CSS
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:23:49.907Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:02.813Z
+ * Commit: 2eb305a
  */
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).DommaSyntax={})}(this,function(t){"use strict";const e={javascript:[{type:"comment",pattern:/\/\*[\s\S]*?\*\//g},{type:"comment",pattern:/\/\/.*/g},{type:"template-string",pattern:/`(?:\\.|[^`\\])*`/g},{type:"string",pattern:/"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'/g},{type:"keyword",pattern:/\b(const|let|var|function|return|if|else|for|while|do|break|continue|switch|case|default|try|catch|finally|throw|async|await|class|extends|static|new|this|super|import|export|from|as|default|yield|typeof|instanceof|in|of|delete|void)\b/g},{type:"boolean",pattern:/\b(true|false|null|undefined|NaN|Infinity)\b/g},{type:"number",pattern:/\b\d+\.?\d*([eE][+-]?\d+)?\b/g},{type:"function",pattern:/\b([a-zA-Z_$][\w$]*)\s*(?=\()/g},{type:"class-name",pattern:/\b[A-Z][\w$]*\b/g},{type:"operator",pattern:/[+\-*/%=<>!&|^~?:]+|===|!==|==|!=|<=|>=|&&|\|\||<<|>>|>>>/g},{type:"punctuation",pattern:/[{}[\]();,.]/g}],html:[{type:"comment",pattern:/<!--[\s\S]*?-->/g},{type:"doctype",pattern:/<!DOCTYPE[^>]*>/gi},{type:"tag-open",pattern:/<\/?[a-zA-Z][\w-]*/g},{type:"tag-close",pattern:/\/?>/g},{type:"attr-name",pattern:/\s+[a-zA-Z:@][\w:.-]*(?=\s*=)/g},{type:"attr-value",pattern:/=\s*"[^"]*"|=\s*'[^']*'/g},{type:"entity",pattern:/&[#\w]+;/g}],css:[{type:"comment",pattern:/\/\*[\s\S]*?\*\//g},{type:"at-rule",pattern:/@[\w-]+/g},{type:"selector",pattern:/[.#]?[a-zA-Z][\w-]*(?=\s*[{,])/g},{type:"property",pattern:/\b[\w-]+(?=\s*:)/g},{type:"string",pattern:/"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'/g},{type:"function",pattern:/\b[\w-]+(?=\()/g},{type:"important",pattern:/!important\b/g},{type:"number",pattern:/\b\d+\.?\d*(px|em|rem|%|vh|vw|pt|cm|mm|in|pc|ex|ch|vmin|vmax|fr)?\b/g},{type:"color",pattern:/#[\da-fA-F]{3,8}\b/g},{type:"punctuation",pattern:/[{}:;,()]/g}]};function n(t){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return t.replace(/[&<>"']/g,t=>e[t])}class a{constructor(){this.config={autoDetect:!0,preserveOriginal:!0,selector:".code-block",showLanguageBadge:!1,languagePrefix:"language-"}}highlight(t,a=null){const r="string"==typeof t?document.querySelector(t):t;if(!r||r.hasAttribute("data-syntax-highlighted"))return!1;if(!a&&this.config.autoDetect){const t=Array.from(r.classList).find(t=>t.startsWith(this.config.languagePrefix));t&&(a=t.substring(this.config.languagePrefix.length))}if(!a||!e[a])return!1;const o=r.textContent||"";this.config.preserveOriginal&&r.setAttribute("data-original-code",o);const i=function(t,a){const r=e[a];if(!r)return n(t);const o=[];for(const{type:e,pattern:n}of r){if("html"===a&&"entity"===e)continue;let r;for(n.lastIndex=0;null!==(r=n.exec(t));)o.push({start:r.index,end:r.index+r[0].length,text:r[0],type:e})}o.sort((t,e)=>t.start-e.start);const i=[];let s=0;for(const t of o)t.start>=s&&(i.push(t),s=t.end);let c="",p=0;for(const e of i)e.start>p&&(c+=n(t.substring(p,e.start))),c+=`<span class="syntax-${e.type}">${n(e.text)}</span>`,p=e.end;return p<t.length&&(c+=n(t.substring(p))),c}(o,a);return r.innerHTML=i,r.setAttribute("data-syntax-highlighted","true"),r.setAttribute("data-language",a),this.config.showLanguageBadge&&this.addLanguageBadge(r,a),!0}scan(t={}){const e=t.selector||this.config.selector,n=document.querySelectorAll(e);let a=0;return n.forEach(e=>{this.highlight(e,t.language||null)&&(this.addCopyButton(e),a++)}),a}register(t,n){t&&Array.isArray(n)?e[t]=n:console.error("SyntaxHighlighter: Invalid language registration")}configure(t){return t?(Object.assign(this.config,t),this.config):{...this.config}}addLanguageBadge(t,e){if(t.querySelector(".syntax-language-badge"))return;const n=document.createElement("div");n.className="syntax-language-badge",n.textContent=e.toUpperCase(),t.style.position="relative",t.insertBefore(n,t.firstChild)}getLanguages(){return Object.keys(e)}isLanguageSupported(t){return t in e}addCopyButton(t){if(t.parentElement&&t.parentElement.classList.contains("code-block-wrapper"))return;const e=document.createElement("div");e.className="code-block-wrapper";const n=document.createElement("button");n.className="code-block-copy",n.setAttribute("aria-label","Copy code to clipboard"),n.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',n.addEventListener("click",async()=>{const e=t.getAttribute("data-original-code")||t.textContent;try{if(navigator.clipboard&&navigator.clipboard.writeText)await navigator.clipboard.writeText(e);else{const t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.opacity="0",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}n.classList.add("copied"),n.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>',setTimeout(()=>{n.classList.remove("copied"),n.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'},2e3)}catch(t){console.error("Failed to copy code:",t)}}),t.parentNode.insertBefore(e,t),e.appendChild(t),e.appendChild(n)}}const r=new a;"undefined"!=typeof document&&("loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{r.scan()}):setTimeout(()=>r.scan(),0)),"undefined"!=typeof window&&(window.Domma&&(window.Domma.syntax=r),window.DommaSyntax=r),t.LANGUAGES=e,t.SyntaxHighlighter=a,t.default=r,t.syntax=r,Object.defineProperty(t,"__esModule",{value:!0})});

package/public/dist/domma.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Core CSS v0.18.0
+ * Domma Core CSS v0.18.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-20T13:24:07.425Z
- * Commit: d0731be
+ * Built: 2026-02-25T21:51:19.726Z
+ * Commit: 2eb305a
  */
 
 /**
@@ -2554,6 +2554,43 @@ code, pre {
     z-index: 2;
 }
 
+/* Button Group Sizes */
+.btn-group-sm > .btn,
+.btn-group-sm > .btn-group > .btn {
+    padding: var(--dm-space-1) var(--dm-space-2);
+    font-size: var(--dm-font-size-xs);
+    line-height: 1.5;
+    border-radius: 0;
+}
+
+.btn-group-sm > .btn:first-child {
+    border-top-left-radius: var(--dm-radius-sm);
+    border-bottom-left-radius: var(--dm-radius-sm);
+}
+
+.btn-group-sm > .btn:last-child {
+    border-top-right-radius: var(--dm-radius-sm);
+    border-bottom-right-radius: var(--dm-radius-sm);
+}
+
+.btn-group-lg > .btn,
+.btn-group-lg > .btn-group > .btn {
+    padding: var(--dm-space-3) var(--dm-space-6);
+    font-size: var(--dm-font-size-lg);
+    line-height: 1.5;
+    border-radius: 0;
+}
+
+.btn-group-lg > .btn:first-child {
+    border-top-left-radius: var(--dm-radius-lg);
+    border-bottom-left-radius: var(--dm-radius-lg);
+}
+
+.btn-group-lg > .btn:last-child {
+    border-top-right-radius: var(--dm-radius-lg);
+    border-bottom-right-radius: var(--dm-radius-lg);
+}
+
 /* Range Slider */
 .form-range {
     appearance: none;
@@ -3991,12 +4028,18 @@ code, pre {
 }
 
 @keyframes dm-ambient-aurora {
-    0%, 100% {
-        background-position: 0% 50%;
-    }
-    50% {
-        background-position: 100% 50%;
-    }
+    0%   { background-position: 0% 50%; }
+    25%  { background-position: 50% 0%; }
+    50%  { background-position: 100% 50%; }
+    75%  { background-position: 50% 100%; }
+    100% { background-position: 0% 50%; }
+}
+
+@keyframes dm-ambient-aurora-2 {
+    0%   { background-position: 100% 0%; }
+    33%  { background-position: 0% 50%; }
+    66%  { background-position: 80% 100%; }
+    100% { background-position: 100% 0%; }
 }
 
 /* Utility Classes - Rotating Gradients */
@@ -4238,20 +4281,42 @@ code, pre {
 .bg-ambient-aurora::before {
     content: '';
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(
+            120deg,
+            rgba(16, 185, 129, 0.0) 0%,
+            rgba(16, 185, 129, 0.5) 20%,
+            rgba(6, 182, 212, 0.6) 40%,
+            rgba(59, 130, 246, 0.4) 60%,
+            rgba(6, 182, 212, 0.3) 80%,
+            rgba(16, 185, 129, 0.0) 100%
+    );
+    background-size: 200% 200%;
+    animation: dm-ambient-aurora 20s ease infinite;
+    will-change: background-position;
+}
+
+.bg-ambient-aurora::after {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
     background: linear-gradient(
-            45deg,
-            rgba(59, 130, 246, 0.1) 0%,
-            rgba(139, 92, 246, 0.08) 25%,
-            rgba(236, 72, 153, 0.06) 50%,
-            rgba(59, 130, 246, 0.08) 75%,
-            rgba(139, 92, 246, 0.1) 100%
+            240deg,
+            rgba(139, 92, 246, 0.0) 0%,
+            rgba(139, 92, 246, 0.4) 25%,
+            rgba(236, 72, 153, 0.3) 50%,
+            rgba(109, 40, 217, 0.35) 75%,
+            rgba(139, 92, 246, 0.0) 100%
     );
-    background-size: 400% 400%;
-    animation: dm-ambient-aurora 15s ease infinite;
+    background-size: 200% 200%;
+    animation: dm-ambient-aurora-2 25s ease infinite;
+    mix-blend-mode: screen;
     will-change: background-position;
 }