@almadar/ui 6.53.1 → 6.55.0

package/themes/almadar-website.css

@@ -32,6 +32,21 @@
     --color-info: #1d4ed8;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #0f766e;
+    --color-series-2: #b8702a;
+    --color-series-3: #1f5dac;
+    --color-series-4: #9a3b3b;
+    --color-series-5: #6b7d2a;
+    --color-series-6: #7c4a8d;
+    --color-series-7: #a54803;
+    --color-series-8: #484a60;
+    --color-diagram-ink: #1e293b;
+    --color-diagram-label: #334155;
+    --color-diagram-guide: #8590a0;
+    --color-diagram-axis: #64748b;
+    --color-diagram-grid: #e2e8f0;
+    --color-diagram-highlight: #a67c0a;
+    --color-diagram-fill: #0f766e;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 8px;
@@ -86,6 +101,32 @@
     --border-hairline: 1px;
     --border-standard: var(--border-width);
     --border-heavy: var(--border-width-thick);
+    --diagram-stroke-thin: 0.75px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2.25px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 5 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.14;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 6px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 0.9;
+    --light-key-color: #fff6e0;
+    --scene-fog: 0.05;
 }
 
 [data-theme="almadar-website-dark"] {
@@ -120,6 +161,21 @@
     --color-info: #38bdf8;
     --color-info-foreground: #000000;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #1fa399;
+    --color-series-2: #b9861a;
+    --color-series-3: #5e8ac3;
+    --color-series-4: #bb7178;
+    --color-series-5: #85993c;
+    --color-series-6: #a981b7;
+    --color-series-7: #d3782f;
+    --color-series-8: #767e95;
+    --color-diagram-ink: #e2e8f0;
+    --color-diagram-label: #cbd5e1;
+    --color-diagram-guide: #7d8aa0;
+    --color-diagram-axis: #94a3b8;
+    --color-diagram-grid: #334155;
+    --color-diagram-highlight: #c3ae41;
+    --color-diagram-fill: #14b8a6;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 8px;
@@ -174,4 +230,30 @@
     --border-hairline: 1px;
     --border-standard: var(--border-width);
     --border-heavy: var(--border-width-thick);
+    --diagram-stroke-thin: 0.75px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2.25px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 5 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.14;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 6px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 0.9;
+    --light-key-color: #fff6e0;
+    --scene-fog: 0.05;
 }

package/themes/almadar.css

@@ -32,6 +32,21 @@
     --color-info: #0369a1;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #0f766e;
+    --color-series-2: #2b92a3;
+    --color-series-3: #4f46e5;
+    --color-series-4: #a739eb;
+    --color-series-5: #b45309;
+    --color-series-6: #be185d;
+    --color-series-7: #65807a;
+    --color-series-8: #1e6db9;
+    --color-diagram-ink: #0f2a3a;
+    --color-diagram-label: #334155;
+    --color-diagram-guide: #8590a0;
+    --color-diagram-axis: #64748b;
+    --color-diagram-grid: #dbe7ee;
+    --color-diagram-highlight: #0e7490;
+    --color-diagram-fill: #0f766e;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -88,6 +103,32 @@
     --border-heavy: var(--border-width-thick);
     --corner-shape: squircle;
     --surface-card-image: linear-gradient(160deg, rgba(20,184,166,0.07), rgba(20,184,166,0) 55%);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.18;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 2px 8px rgba(20, 184, 166, 0.18);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 8px;
+    --material-roughness: 0.45;
+    --material-metalness: 0.35;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.55;
+    --light-key: 1.1;
+    --light-key-color: #e6fffb;
+    --scene-fog: 0.08;
 }
 
 [data-theme="almadar-dark"] {
@@ -118,6 +159,21 @@
     --color-info: #38bdf8;
     --color-info-foreground: #000000;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #1fa399;
+    --color-series-2: #1d90b8;
+    --color-series-3: #9584e4;
+    --color-series-4: #c56ddd;
+    --color-series-5: #e17019;
+    --color-series-6: #e26499;
+    --color-series-7: #7d9690;
+    --color-series-8: #608ac4;
+    --color-diagram-ink: #e2e8f0;
+    --color-diagram-label: #cbd5e1;
+    --color-diagram-guide: #7a8aa3;
+    --color-diagram-axis: #94a3b8;
+    --color-diagram-grid: #2f3e55;
+    --color-diagram-highlight: #06b6d4;
+    --color-diagram-fill: #14b8a6;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -174,4 +230,30 @@
     --border-heavy: var(--border-width-thick);
     --corner-shape: squircle;
     --surface-card-image: linear-gradient(160deg, rgba(20,184,166,0.07), rgba(20,184,166,0) 55%);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.18;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 2px 8px rgba(20, 184, 166, 0.18);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 8px;
+    --material-roughness: 0.45;
+    --material-metalness: 0.35;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.55;
+    --light-key: 1.1;
+    --light-key-color: #e6fffb;
+    --scene-fog: 0.08;
 }

package/themes/aqua.css

@@ -38,6 +38,21 @@
     --color-info: #1f6fe0;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #1990fd;
+    --color-series-2: #c4631b;
+    --color-series-3: #1b7a8a;
+    --color-series-4: #8a3fc0;
+    --color-series-5: #63780a;
+    --color-series-6: #c4306b;
+    --color-series-7: #8a6a1b;
+    --color-series-8: #71738c;
+    --color-diagram-ink: #1c2a3a;
+    --color-diagram-label: #2a3a50;
+    --color-diagram-guide: #8896ab;
+    --color-diagram-axis: #56657a;
+    --color-diagram-grid: #d4dce8;
+    --color-diagram-highlight: #1f6fe0;
+    --color-diagram-fill: #1f6fe0;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 9px;
@@ -186,6 +201,32 @@
     --surface-card-image: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0) 50%);
     --surface-page-image: repeating-linear-gradient(90deg, rgba(255,255,255,.5) 0px, rgba(255,255,255,.5) 2px, rgba(150,170,200,.10) 2px, rgba(150,170,200,.10) 4px);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2.5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 5 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 2px 3px rgba(20, 50, 100, 0.35);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 9px;
+    --material-roughness: 0.2;
+    --material-metalness: 0.15;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 1.2;
+    --light-key-color: #f2f8ff;
+    --scene-fog: 0.1;
 }
 
 [data-theme="aqua-dark"] {
@@ -222,6 +263,21 @@
     --color-info: #4a9bff;
     --color-info-foreground: #001a3a;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #657ecc;
+    --color-series-2: #d87d3a;
+    --color-series-3: #2ea1b4;
+    --color-series-4: #af82cf;
+    --color-series-5: #79a02d;
+    --color-series-6: #d5759c;
+    --color-series-7: #b8912f;
+    --color-series-8: #8996a8;
+    --color-diagram-ink: #e8eef8;
+    --color-diagram-label: #c3cddd;
+    --color-diagram-guide: #7f8da3;
+    --color-diagram-axis: #9aa7b8;
+    --color-diagram-grid: #3a4452;
+    --color-diagram-highlight: #4a9bff;
+    --color-diagram-fill: #4a9bff;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 9px;
@@ -370,4 +426,30 @@
     --surface-card-image: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 50%);
     --surface-page-image: repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0px, rgba(255,255,255,.04) 2px, rgba(0,0,0,.10) 2px, rgba(0,0,0,.10) 4px);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2.5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 5 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 2px 3px rgba(20, 50, 100, 0.35);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 9px;
+    --material-roughness: 0.2;
+    --material-metalness: 0.15;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 1.2;
+    --light-key-color: #f2f8ff;
+    --scene-fog: 0.1;
 }

package/themes/arabesque.css

@@ -38,6 +38,21 @@
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #1e3f90;
+    --color-series-2: #247a74;
+    --color-series-3: #9b8432;
+    --color-series-4: #ab5221;
+    --color-series-5: #537622;
+    --color-series-6: #6b3a7a;
+    --color-series-7: #a3365a;
+    --color-series-8: #4a5568;
+    --color-diagram-ink: #1b2a4a;
+    --color-diagram-label: #1b2a4a;
+    --color-diagram-guide: #8f8268;
+    --color-diagram-axis: #7d5a0c;
+    --color-diagram-grid: #e6d9b8;
+    --color-diagram-highlight: #8a6410;
+    --color-diagram-fill: #1f3f8f;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 8px;
@@ -188,6 +203,32 @@
     --surface-card-image: none;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='none' stroke='%23b8892b' stroke-opacity='0.14' stroke-width='1'><rect x='14' y='14' width='36' height='36'/><rect x='14' y='14' width='36' height='36' transform='rotate(45 32 32)'/><circle cx='32' cy='32' r='12'/><path d='M0 0L14 14M64 0L50 14M0 64L14 50M64 64L50 50'/><circle cx='0' cy='0' r='6'/><circle cx='64' cy='0' r='6'/><circle cx='0' cy='64' r='6'/><circle cx='64' cy='64' r='6'/></g></svg>");
     --surface-page-image-size: 64px 64px;
+    --diagram-stroke-thin: 1.5px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: round;
+    --diagram-line-join: miter;
+    --diagram-dash: 8 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 4px;
+    --material-roughness: 0.5;
+    --material-metalness: 0.4;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1;
+    --light-key-color: #ffe9b0;
+    --scene-fog: 0.05;
 }
 
 [data-theme="arabesque-dark"] {
@@ -224,6 +265,21 @@
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #6c8ad6;
+    --color-series-2: #369b94;
+    --color-series-3: #b28520;
+    --color-series-4: #c06e5c;
+    --color-series-5: #24a45f;
+    --color-series-6: #ab7ab9;
+    --color-series-7: #c8728e;
+    --color-series-8: #838ca1;
+    --color-diagram-ink: #f3ead2;
+    --color-diagram-label: #e0d6b8;
+    --color-diagram-guide: #9aa6c8;
+    --color-diagram-axis: #b8a878;
+    --color-diagram-grid: #26386a;
+    --color-diagram-highlight: #c8b337;
+    --color-diagram-fill: #8fb0ff;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 8px;
@@ -374,4 +430,30 @@
     --surface-card-image: none;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='none' stroke='%23e0b64a' stroke-opacity='0.12' stroke-width='1'><rect x='14' y='14' width='36' height='36'/><rect x='14' y='14' width='36' height='36' transform='rotate(45 32 32)'/><circle cx='32' cy='32' r='12'/><path d='M0 0L14 14M64 0L50 14M0 64L14 50M64 64L50 50'/><circle cx='0' cy='0' r='6'/><circle cx='64' cy='0' r='6'/><circle cx='0' cy='64' r='6'/><circle cx='64' cy='64' r='6'/></g></svg>");
     --surface-page-image-size: 64px 64px;
+    --diagram-stroke-thin: 1.5px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: round;
+    --diagram-line-join: miter;
+    --diagram-dash: 8 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 4px;
+    --material-roughness: 0.5;
+    --material-metalness: 0.4;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1;
+    --light-key-color: #ffe9b0;
+    --scene-fog: 0.05;
 }

package/themes/art-deco.css

@@ -38,6 +38,21 @@
     --color-info-foreground: #ffffff;
     --color-primary-hover: #664e1c;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #626300;
+    --color-series-2: #004024;
+    --color-series-3: #243a7a;
+    --color-series-4: #75052f;
+    --color-series-5: #17787a;
+    --color-series-6: #a5551f;
+    --color-series-7: #5a2d6e;
+    --color-series-8: #5a6678;
+    --color-diagram-ink: #0b1026;
+    --color-diagram-label: #0b1026;
+    --color-diagram-guide: #9a8a5a;
+    --color-diagram-axis: #8a6a10;
+    --color-diagram-grid: #e8dcb4;
+    --color-diagram-highlight: #8a6a10;
+    --color-diagram-fill: #0f5a45;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 8px;
@@ -187,6 +202,32 @@
     --surface-card-image: linear-gradient(180deg, rgba(212,175,55,0.10), transparent 40%);
     --surface-page-image: repeating-conic-gradient(from 0deg at 50% 100%, rgba(138,106,16,0.07) 0deg 4deg, transparent 4deg 12deg);
     --surface-page-image-size: 160px 80px;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 12 3 2 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 600;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.25;
+    --material-metalness: 0.8;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.45;
+    --light-key: 1.2;
+    --light-key-color: #ffe9a8;
+    --scene-fog: 0.1;
 }
 
 [data-theme="art-deco-dark"] {
@@ -223,6 +264,21 @@
     --color-info: #79a8f2;
     --color-info-foreground: #051226;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #9d7b1c;
+    --color-series-2: #219071;
+    --color-series-3: #647ec9;
+    --color-series-4: #ce597b;
+    --color-series-5: #248e91;
+    --color-series-6: #c26b30;
+    --color-series-7: #a26aba;
+    --color-series-8: #788194;
+    --color-diagram-ink: #fdfcd0;
+    --color-diagram-label: #e6d6a0;
+    --color-diagram-guide: #a4975f;
+    --color-diagram-axis: #c9b46a;
+    --color-diagram-grid: #232a52;
+    --color-diagram-highlight: #d2d15b;
+    --color-diagram-fill: #e8c766;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 8px;
@@ -372,4 +428,30 @@
     --surface-card-image: linear-gradient(180deg, rgba(212,175,55,0.08), transparent 40%);
     --surface-page-image: repeating-conic-gradient(from 0deg at 50% 100%, rgba(212,175,55,0.07) 0deg 4deg, transparent 4deg 12deg);
     --surface-page-image-size: 160px 80px;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 12 3 2 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 600;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.25;
+    --material-metalness: 0.8;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.45;
+    --light-key: 1.2;
+    --light-key-color: #ffe9a8;
+    --scene-fog: 0.1;
 }

package/themes/art-nouveau.css

@@ -38,6 +38,21 @@
     --color-info: #3a6a80;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #696a19;
+    --color-series-2: #b1596e;
+    --color-series-3: #aa731b;
+    --color-series-4: #2f6f6a;
+    --color-series-5: #6a3a5c;
+    --color-series-6: #8c482b;
+    --color-series-7: #6f8c49;
+    --color-series-8: #4a5f8a;
+    --color-diagram-ink: #2f2a16;
+    --color-diagram-label: #2f2a16;
+    --color-diagram-guide: #8a8660;
+    --color-diagram-axis: #6d7430;
+    --color-diagram-grid: #e3dbb8;
+    --color-diagram-highlight: #7a4f00;
+    --color-diagram-fill: #5a6320;
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 16px;
@@ -188,6 +203,32 @@
     --surface-card-image: linear-gradient(160deg, rgba(255,250,235,0.7), rgba(233,200,192,0.12));
     --surface-page-image: radial-gradient(ellipse at 20% 10%, rgba(201,153,58,0.10), transparent 55%), radial-gradient(ellipse at 85% 90%, rgba(154,74,84,0.08), transparent 55%);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3.5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 7 5;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 0.4;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 2px 6px rgba(90, 99, 32, 0.2);
+    --diagram-marker: dot;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 0.9;
+    --light-key-color: #ffefc4;
+    --scene-fog: 0.12;
 }
 
 [data-theme="art-nouveau-dark"] {
@@ -224,6 +265,21 @@
     --color-info: #86c2dc;
     --color-info-foreground: #05202c;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #8a9639;
+    --color-series-2: #bc7f88;
+    --color-series-3: #c08318;
+    --color-series-4: #4a9c95;
+    --color-series-5: #b479ab;
+    --color-series-6: #c67b4e;
+    --color-series-7: #5f9254;
+    --color-series-8: #7d8eb3;
+    --color-diagram-ink: #fdfadf;
+    --color-diagram-label: #d8d0b0;
+    --color-diagram-guide: #8f9468;
+    --color-diagram-axis: #aab070;
+    --color-diagram-grid: #3a3e26;
+    --color-diagram-highlight: #b59b27;
+    --color-diagram-fill: #b9c46a;
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 16px;
@@ -374,4 +430,30 @@
     --surface-card-image: linear-gradient(160deg, rgba(185,196,106,0.07), rgba(227,160,168,0.04));
     --surface-page-image: radial-gradient(ellipse at 20% 10%, rgba(224,176,74,0.07), transparent 55%), radial-gradient(ellipse at 85% 90%, rgba(227,160,168,0.05), transparent 55%);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3.5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 7 5;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 0.4;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 2px 6px rgba(90, 99, 32, 0.2);
+    --diagram-marker: dot;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 0.9;
+    --light-key-color: #ffefc4;
+    --scene-fog: 0.12;
 }