domma-js 0.46.1 → 0.48.0

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

@@ -1,9 +1,9 @@
 /*!
- * Domma Themes v0.46.1
+ * Domma Themes v0.48.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T20:40:05.303Z
- * Commit: 92f2ee4
+ * Built: 2026-09-27T22:11:07.079Z
+ * Commit: cf6d8de
  */
 
 /**
@@ -317,6 +317,12 @@
     --dm-primary-light: #caf0f8;
     --dm-primary-dark: #023e8a;
 
+    /* Links: the primary is 4.38:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (15%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 15%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 30%);
+
     /* Secondary - Slate blue */
     --dm-secondary: #457b9d;
     --dm-secondary-hover: #5a8fad;
@@ -1187,6 +1193,12 @@
     --dm-primary-light: rgba(218, 157, 130, 0.15);
     --dm-primary-dark: #d08c6f;
 
+    /* Links: the primary is 2.07:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (50%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 50%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 65%);
+
     --dm-secondary: #c2a2aa;
     --dm-secondary-hover: #cdb0b7;
     --dm-secondary-active: #d8bec4;
@@ -1399,6 +1411,12 @@
     --dm-primary-light: rgba(198, 123, 92, 0.15);
     --dm-primary-dark: #a66349;
 
+    /* Links: the primary is 3.15:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (45%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 45%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 60%);
+
     /* Focus ring with soft sunset colour */
     --dm-focus-ring: 0 0 0 3px rgba(198, 123, 92, 0.3);
     --dm-border-focus: #c67b5c;
@@ -1613,6 +1631,12 @@
     --dm-primary-light: rgba(100, 149, 237, 0.15);
     --dm-primary-dark: #4169e1;
 
+    /* Links: the primary is 2.67:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (40%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 40%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 55%);
+
     --dm-secondary: #9370db;
     --dm-secondary-hover: #a384e0;
     --dm-secondary-active: #b398e5;
@@ -1809,6 +1833,12 @@
     --dm-primary-light: rgba(65, 105, 225, 0.15);
     --dm-primary-dark: #2c4a9e;
 
+    /* Links: the primary is 2.14:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (60%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 60%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 75%);
+
     /* Focus ring with royal colour */
     --dm-focus-ring: 0 0 0 3px rgba(65, 105, 225, 0.3);
     --dm-border-focus: #4169e1;
@@ -2022,6 +2052,12 @@
     --dm-primary-light: rgba(212, 192, 106, 0.15);
     --dm-primary-dark: #c9b458;
 
+    /* Links: the primary is 1.63:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (55%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 55%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 70%);
+
     --dm-secondary: #b6b1a1;
     --dm-secondary-hover: #c4bfb0;
     --dm-secondary-active: #d2cdbf;
@@ -2444,6 +2480,12 @@
     --dm-primary-light: rgba(160, 174, 192, 0.15);
     --dm-primary-dark: #718096;
 
+    /* Links: the primary is 2.03:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (50%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 50%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 65%);
+
     --dm-secondary: #cbd5e0;
     --dm-secondary-hover: #d5dce6;
     --dm-secondary-active: #dfe3ec;
@@ -2640,6 +2682,12 @@
     --dm-primary-light: rgba(112, 128, 144, 0.15);
     --dm-primary-dark: #4a5568;
 
+    /* Links: the primary is 3.55:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (40%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 40%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 55%);
+
     /* Focus ring with silver colour */
     --dm-focus-ring: 0 0 0 3px rgba(112, 128, 144, 0.3);
     --dm-border-focus: #708090;
@@ -2853,6 +2901,12 @@
     --dm-primary-light: rgba(120, 144, 156, 0.15);
     --dm-primary-dark: #607d8b;
 
+    /* Links: the primary is 3.01:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (30%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 30%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 45%);
+
     --dm-secondary: #90a4ae;
     --dm-secondary-hover: #a1b3bb;
     --dm-secondary-active: #b2c2c8;
@@ -3049,9 +3103,15 @@
     --dm-primary-light: rgba(138, 155, 171, 0.15);
     --dm-primary-dark: #1c2428;
 
+    /* Links: the primary is 3.63:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (40%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 40%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 55%);
+
     /* Focus ring with charcoal colour */
-    --dm-focus-ring: 0 0 0 3px rgba(54, 69, 79, 0.3);
-    --dm-border-focus: #36454f;
+    --dm-focus-ring: 0 0 0 3px rgba(138, 155, 171, 0.4);
+    --dm-border-focus: #8a9bab;
 
     /* ================================================
        SECONDARY COLOURS - Slate
@@ -3851,6 +3911,12 @@
     --dm-primary-light: #f3e5f5;
     --dm-primary-dark: #7d3c98;
 
+    /* Links: the primary is 3.85:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (25%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 25%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 40%);
+
     /* Focus ring with soft purple colour */
     --dm-focus-ring: 0 0 0 3px rgba(155, 89, 182, 0.35);
     --dm-border-focus: #9b59b6;
@@ -4308,6 +4374,12 @@
     --dm-primary-light: #efebe9;
     --dm-primary-dark: #6d4c41;
 
+    /* Links: the primary is 3.9:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (25%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 25%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 40%);
+
     /* Focus ring with warm brown colour */
     --dm-focus-ring: 0 0 0 3px rgba(141, 110, 99, 0.35);
     --dm-border-focus: #8d6e63;
@@ -4767,6 +4839,12 @@
     --dm-primary-light: #e0f7fa;
     --dm-primary-dark: #006064;
 
+    /* Links: the primary is 4.07:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (20%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 20%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 35%);
+
     /* Focus ring with cyan colour */
     --dm-focus-ring: 0 0 0 3px rgba(0, 131, 143, 0.3);
     --dm-border-focus: #00838f;
@@ -5265,6 +5343,12 @@
     --dm-primary-light: #d4f5e4;
     --dm-primary-dark: #1b5e3a;
 
+    /* Links: the primary is 3.01:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (35%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 35%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 50%);
+
     /* Focus ring with mint colour */
     --dm-focus-ring: 0 0 0 3px rgba(46, 158, 110, 0.3);
     --dm-border-focus: #2e9e6e;
@@ -5726,6 +5810,12 @@
     --dm-primary-light: #FDF5E0;
     --dm-primary-dark: #8B7335;
 
+    /* Links: the primary is 2.23:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (45%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 45%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 60%);
+
     /* Focus ring with warm gold colour */
     --dm-focus-ring: 0 0 0 3px rgba(197, 165, 90, 0.3);
     --dm-border-focus: #C5A55A;
@@ -6410,6 +6500,12 @@
     --dm-primary-active: #1e40af;
     --dm-primary-light: rgba(37, 99, 235, 0.20);
     --dm-primary-dark: #1d4ed8;
+
+    /* Links: the primary is 2.83:1 as text here, under the 4.5:1 AA
+       minimum, so links mix in the text colour - the least (35%) that
+       reads at 5:1 or better on the page, surfaces and cards. */
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 35%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 50%);
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
 
@@ -6649,7 +6745,7 @@
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
     --dm-focus-ring: 0 0 0 3px rgba(59, 118, 188, 0.35);
-    --dm-border-focus: #3b76bc;
+    --dm-border-focus: #7fb0e0;
     --dm-secondary: #5f6f7a;
     --dm-secondary-hover: #52606b;
     --dm-secondary-active: #46535d;
@@ -6667,12 +6763,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
-
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
-    --dm-success-light: rgba(46, 139, 80, 0.15);
-    --dm-success-dark: #1c5733;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 60%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 75%);
+
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
+    --dm-success-light: rgba(40, 124, 71, 0.15);
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -6789,7 +6887,7 @@
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
     --dm-focus-ring: 0 0 0 3px rgba(91, 99, 168, 0.35);
-    --dm-border-focus: #5b63a8;
+    --dm-border-focus: #9aa0d4;
     --dm-secondary: #5f6f7a;
     --dm-secondary-hover: #52606b;
     --dm-secondary-active: #46535d;
@@ -6807,12 +6905,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
-
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
-    --dm-success-light: rgba(46, 139, 80, 0.15);
-    --dm-success-dark: #1c5733;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 65%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 80%);
+
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
+    --dm-success-light: rgba(40, 124, 71, 0.15);
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -6929,7 +7029,7 @@
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
     --dm-focus-ring: 0 0 0 3px rgba(42, 129, 120, 0.35);
-    --dm-border-focus: #2a8178;
+    --dm-border-focus: #66c2b8;
     --dm-secondary: #5f6f7a;
     --dm-secondary-hover: #52606b;
     --dm-secondary-active: #46535d;
@@ -6947,12 +7047,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
-
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
-    --dm-success-light: rgba(46, 139, 80, 0.15);
-    --dm-success-dark: #1c5733;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 60%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 75%);
+
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
+    --dm-success-light: rgba(40, 124, 71, 0.15);
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -7031,7 +7133,7 @@
     --dm-surface-overlay: #ffffff;
     --dm-text: #1f2733;
     --dm-text-secondary: #5a6677;
-    --dm-text-muted: #8893a3;
+    --dm-text-muted: #687486;
     --dm-text-disabled: #aab2bd;
     --dm-text-inverse: #ffffff;
     --dm-border: #e4e8ef;
@@ -7087,12 +7189,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 25%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 40%);
 
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
     --dm-success-light: #e3f3e8;
-    --dm-success-dark: #1c5733;
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -7171,7 +7275,7 @@
     --dm-surface-overlay: #ffffff;
     --dm-text: #1f2733;
     --dm-text-secondary: #5a6677;
-    --dm-text-muted: #8893a3;
+    --dm-text-muted: #687486;
     --dm-text-disabled: #aab2bd;
     --dm-text-inverse: #ffffff;
     --dm-border: #e4e8ef;
@@ -7228,11 +7332,11 @@
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
 
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
     --dm-success-light: #e3f3e8;
-    --dm-success-dark: #1c5733;
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -7311,7 +7415,7 @@
     --dm-surface-overlay: #ffffff;
     --dm-text: #1f2733;
     --dm-text-secondary: #5a6677;
-    --dm-text-muted: #8893a3;
+    --dm-text-muted: #687486;
     --dm-text-disabled: #aab2bd;
     --dm-text-inverse: #ffffff;
     --dm-border: #e4e8ef;
@@ -7367,12 +7471,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 25%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 40%);
 
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
     --dm-success-light: #e3f3e8;
-    --dm-success-dark: #1c5733;
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -7489,7 +7595,7 @@
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
     --dm-focus-ring: 0 0 0 3px rgba(59, 118, 188, 0.35);
-    --dm-border-focus: #3b76bc;
+    --dm-border-focus: #7fb0e0;
     --dm-secondary: #5f6f7a;
     --dm-secondary-hover: #52606b;
     --dm-secondary-active: #46535d;
@@ -7507,12 +7613,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
-
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
-    --dm-success-light: rgba(46, 139, 80, 0.15);
-    --dm-success-dark: #1c5733;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 50%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 65%);
+
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
+    --dm-success-light: rgba(40, 124, 71, 0.15);
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -7629,7 +7737,7 @@
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
     --dm-focus-ring: 0 0 0 3px rgba(91, 99, 168, 0.35);
-    --dm-border-focus: #5b63a8;
+    --dm-border-focus: #9aa0d4;
     --dm-secondary: #5f6f7a;
     --dm-secondary-hover: #52606b;
     --dm-secondary-active: #46535d;
@@ -7647,12 +7755,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
-
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
-    --dm-success-light: rgba(46, 139, 80, 0.15);
-    --dm-success-dark: #1c5733;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 50%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 65%);
+
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
+    --dm-success-light: rgba(40, 124, 71, 0.15);
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;
@@ -7769,7 +7879,7 @@
     --dm-primary-text: #ffffff;
     --dm-primary-hover-text: #ffffff;
     --dm-focus-ring: 0 0 0 3px rgba(42, 129, 120, 0.35);
-    --dm-border-focus: #2a8178;
+    --dm-border-focus: #66c2b8;
     --dm-secondary: #5f6f7a;
     --dm-secondary-hover: #52606b;
     --dm-secondary-active: #46535d;
@@ -7787,12 +7897,14 @@
     --dm-accent-2: #607d8b;
     --dm-accent-3: #455a64;
     --dm-accent-4: #263238;
-
-    --dm-success: #2e8b50;
-    --dm-success-hover: #287d49;
-    --dm-success-active: #226b3f;
-    --dm-success-light: rgba(46, 139, 80, 0.15);
-    --dm-success-dark: #1c5733;
+    --dm-link: color-mix(in oklab, var(--dm-primary), var(--dm-text) 50%);
+    --dm-link-hover: color-mix(in oklab, var(--dm-primary), var(--dm-text) 65%);
+
+    --dm-success: #287c47;
+    --dm-success-hover: #236e3e;
+    --dm-success-active: #1e5f35;
+    --dm-success-light: rgba(40, 124, 71, 0.15);
+    --dm-success-dark: #164627;
     --dm-success-text: #ffffff;
     --dm-success-hover-text: #ffffff;
     --dm-danger: #c0432f;