@almadar/ui 6.53.1 → 6.55.0

package/themes/orb.css

@@ -0,0 +1,455 @@
+/**
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/orb.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
+ */
+
+[data-theme="orb-light"] {
+    --color-primary: #14161a;
+    --color-primary-hover: #2a2d33;
+    --color-primary-foreground: #ffffff;
+    --color-secondary: #efede7;
+    --color-secondary-hover: #e6e3db;
+    --color-secondary-foreground: #14161a;
+    --color-accent: #00767c;
+    --color-accent-foreground: #ffffff;
+    --color-tertiary: #00b1b8;
+    --color-tertiary-hover: #0096a0;
+    --color-tertiary-foreground: #14161a;
+    --color-tertiary-muted: rgba(0, 177, 184, 0.14);
+    --color-muted: #f0eee8;
+    --color-muted-foreground: #4a4d55;
+    --color-background: #f7f6f2;
+    --color-foreground: #14161a;
+    --color-card: #fffefb;
+    --color-card-foreground: #14161a;
+    --color-surface: #f1efe9;
+    --color-border: #e2dfd6;
+    --color-input: #d6d2c7;
+    --color-ring: #00b1b8;
+    --color-error: #c0392b;
+    --color-error-foreground: #ffffff;
+    --color-success: #1e7a4c;
+    --color-success-foreground: #ffffff;
+    --color-warning: #a35a0f;
+    --color-warning-foreground: #ffffff;
+    --color-info: #00767c;
+    --color-info-foreground: #ffffff;
+    --color-scrim: rgba(20, 22, 43, 0.5);
+    --color-series-1: #267090;
+    --color-series-2: #2f4a8a;
+    --color-series-3: #9f761c;
+    --color-series-4: #7a3d78;
+    --color-series-5: #627087;
+    --color-series-6: #8e3809;
+    --color-series-7: #5f7a2a;
+    --color-series-8: #5f6967;
+    --color-diagram-ink: #14161a;
+    --color-diagram-label: #4a4d55;
+    --color-diagram-guide: #8a8d94;
+    --color-diagram-axis: #3a3d44;
+    --color-diagram-grid: #e2dfd6;
+    --color-diagram-highlight: #00767c;
+    --color-diagram-fill: #efede7;
+    --radius-none: 0px;
+    --radius-sm: 0px;
+    --radius-md: 2px;
+    --radius-lg: 0px;
+    --radius-xl: 0px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: "Cairo", "Noto Naskh Arabic", "Segoe UI", sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0em;
+    --line-height: 1.6;
+    --icon-color: #14161a;
+    --transition-fast: 140ms;
+    --transition-normal: 220ms;
+    --transition-slow: 360ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    --hover-scale: 1;
+    --hover-translate-y: 0px;
+    --hover-translate-x: 0px;
+    --active-scale: 1;
+    --active-translate-y: 0px;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #00b1b8;
+    --shadow-main: 0 1px 2px rgba(20, 22, 43, 0.05), 0 4px 16px rgba(79, 70, 229, 0.06);
+    --shadow-sm: 0 1px 2px rgba(20, 22, 43, 0.06);
+    --shadow-lg: 0 18px 48px rgba(20, 22, 43, 0.12);
+    --shadow-inner: inset 0 1px 3px rgba(31,63,143,0.12);
+    --shadow-none: none;
+    --shadow-hover: 0 10px 30px rgba(79, 70, 229, 0.12);
+    --shadow-active: 0 1px 2px rgba(31,63,143,0.15);
+    --space-0: 0px;
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 20px;
+    --space-6: 24px;
+    --space-7: 28px;
+    --space-8: 32px;
+    --space-9: 36px;
+    --space-10: 40px;
+    --space-11: 44px;
+    --space-12: 48px;
+    --button-height-sm: 30px;
+    --button-height-md: 40px;
+    --button-height-lg: 48px;
+    --input-height-sm: 30px;
+    --input-height-md: 40px;
+    --input-height-lg: 48px;
+    --row-height-compact: 32px;
+    --row-height-normal: 40px;
+    --row-height-spacious: 48px;
+    --card-padding-sm: 12px;
+    --card-padding-md: 18px;
+    --card-padding-lg: 24px;
+    --dialog-padding: 24px;
+    --section-gap: 32px;
+    --font-family-display: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
+    --font-family-body: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
+    --font-family-mono: "IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, SFMono-Regular, Menlo, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.015em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --text-xs: 12px;
+    --leading-xs: 16px;
+    --text-sm: 14px;
+    --leading-sm: 20px;
+    --text-base: 16px;
+    --leading-base: 24px;
+    --text-lg: 18px;
+    --leading-lg: 28px;
+    --text-xl: 20px;
+    --leading-xl: 28px;
+    --text-2xl: 24px;
+    --leading-2xl: 32px;
+    --text-3xl: 30px;
+    --leading-3xl: 36px;
+    --text-4xl: 36px;
+    --leading-4xl: 40px;
+    --text-display-1: 48px;
+    --leading-display-1: 52px;
+    --text-display-2: 60px;
+    --leading-display-2: 64px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-base);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-base);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 700ms;
+    --easing-linear: linear;
+    --easing-standard: var(--transition-timing);
+    --easing-emphasized: cubic-bezier(0.22, 0.61, 0.36, 1);
+    --easing-spring: cubic-bezier(0.25, 0.8, 0.25, 1);
+    --motion-modal-enter-from-transform: scale(0.96);
+    --motion-modal-exit-to-transform: scale(0.96);
+    --motion-popover-enter-from-transform: scale(0.97);
+    --motion-popover-exit-to-transform: scale(0.97);
+    --motion-toast-enter-from-transform: translateY(-12px);
+    --motion-toast-exit-to-transform: translateY(-12px);
+    --motion-page-enter-from-transform: translateY(8px);
+    --icon-family: phosphor-duotone;
+    --icon-stroke-width: 1.5;
+    --icon-default-size: 18px;
+    --elevation-card: none;
+    --elevation-popover: var(--shadow-main);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: none;
+    --elevation-pressed: var(--shadow-active);
+    --radius-container: var(--radius-lg);
+    --radius-interactive: var(--radius-md);
+    --radius-pill: var(--radius-full);
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: round;
+    --corner-shape-pill: round;
+    --border-style: solid;
+    --border-style-interactive: solid;
+    --surface-backdrop: none;
+    --surface-card-image: none;
+    --surface-page-image: repeating-radial-gradient(circle at 92% -8%, transparent 0 95px, rgba(20,22,26,0.05) 96px 97px);
+    --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 2.5;
+    --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: body;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 6px;
+    --material-roughness: 0.55;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 0.95;
+    --light-key-color: #fff8ee;
+    --scene-fog: 0.05;
+}
+
+[data-theme="orb-dark"] {
+    --color-primary: #ecebe6;
+    --color-primary-hover: #ffffff;
+    --color-primary-foreground: #0e1013;
+    --color-secondary: #181b20;
+    --color-secondary-hover: #20242a;
+    --color-secondary-foreground: #ecebe6;
+    --color-accent: #2cc7cd;
+    --color-accent-foreground: #0e1013;
+    --color-tertiary: #2cc7cd;
+    --color-tertiary-hover: #4fd4d9;
+    --color-tertiary-foreground: #0e1013;
+    --color-tertiary-muted: rgba(44, 199, 205, 0.14);
+    --color-muted: #14171b;
+    --color-muted-foreground: #9aa0a8;
+    --color-background: #0e1013;
+    --color-foreground: #ecebe6;
+    --color-card: #15181c;
+    --color-card-foreground: #ecebe6;
+    --color-surface: #15181c;
+    --color-border: #262a31;
+    --color-input: #30353d;
+    --color-ring: #2cc7cd;
+    --color-error: #f2877a;
+    --color-error-foreground: #000000;
+    --color-success: #5fd39a;
+    --color-success-foreground: #000000;
+    --color-warning: #f0b46a;
+    --color-warning-foreground: #000000;
+    --color-info: #2cc7cd;
+    --color-info-foreground: #000000;
+    --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #85f6f2;
+    --color-series-2: #7f9ad8;
+    --color-series-3: #caa021;
+    --color-series-4: #c08ac0;
+    --color-series-5: #7aabbf;
+    --color-series-6: #bf7051;
+    --color-series-7: #a0bc6a;
+    --color-series-8: #b0b0da;
+    --color-diagram-ink: #ecebe6;
+    --color-diagram-label: #b0b3ba;
+    --color-diagram-guide: #82858c;
+    --color-diagram-axis: #b0b3ba;
+    --color-diagram-grid: rgba(236,235,230,0.10);
+    --color-diagram-highlight: #4fc4c8;
+    --color-diagram-fill: #1f2328;
+    --radius-none: 0px;
+    --radius-sm: 6px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
+    --radius-xl: 16px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: "Cairo", "Noto Naskh Arabic", "Segoe UI", sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0em;
+    --line-height: 1.6;
+    --icon-color: #ecebe6;
+    --transition-fast: 140ms;
+    --transition-normal: 220ms;
+    --transition-slow: 360ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    --hover-scale: 1;
+    --hover-translate-y: 0px;
+    --hover-translate-x: 0px;
+    --active-scale: 1;
+    --active-translate-y: 0px;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #2cc7cd;
+    --shadow-main: 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 20px rgba(139, 140, 247, 0.08);
+    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
+    --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.6);
+    --shadow-inner: inset 0 1px 3px rgba(0,0,0,0.4);
+    --shadow-none: none;
+    --shadow-hover: 0 10px 30px rgba(139, 140, 247, 0.16);
+    --shadow-active: 0 1px 2px rgba(0,0,0,0.5);
+    --space-0: 0px;
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 20px;
+    --space-6: 24px;
+    --space-7: 28px;
+    --space-8: 32px;
+    --space-9: 36px;
+    --space-10: 40px;
+    --space-11: 44px;
+    --space-12: 48px;
+    --button-height-sm: 30px;
+    --button-height-md: 40px;
+    --button-height-lg: 48px;
+    --input-height-sm: 30px;
+    --input-height-md: 40px;
+    --input-height-lg: 48px;
+    --row-height-compact: 32px;
+    --row-height-normal: 40px;
+    --row-height-spacious: 48px;
+    --card-padding-sm: 12px;
+    --card-padding-md: 18px;
+    --card-padding-lg: 24px;
+    --dialog-padding: 24px;
+    --section-gap: 32px;
+    --font-family-display: "Geist", "IBM Plex Sans Arabic", system-ui, sans-serif;
+    --font-family-body: "Geist", "IBM Plex Sans Arabic", system-ui, sans-serif;
+    --font-family-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.025em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --text-xs: 12px;
+    --leading-xs: 16px;
+    --text-sm: 14px;
+    --leading-sm: 20px;
+    --text-base: 16px;
+    --leading-base: 24px;
+    --text-lg: 18px;
+    --leading-lg: 28px;
+    --text-xl: 20px;
+    --leading-xl: 28px;
+    --text-2xl: 24px;
+    --leading-2xl: 32px;
+    --text-3xl: 30px;
+    --leading-3xl: 36px;
+    --text-4xl: 36px;
+    --leading-4xl: 40px;
+    --text-display-1: 48px;
+    --leading-display-1: 52px;
+    --text-display-2: 60px;
+    --leading-display-2: 64px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-base);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-base);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 700ms;
+    --easing-linear: linear;
+    --easing-standard: var(--transition-timing);
+    --easing-emphasized: cubic-bezier(0.22, 0.61, 0.36, 1);
+    --easing-spring: cubic-bezier(0.25, 0.8, 0.25, 1);
+    --motion-modal-enter-from-transform: scale(0.96);
+    --motion-modal-exit-to-transform: scale(0.96);
+    --motion-popover-enter-from-transform: scale(0.97);
+    --motion-popover-exit-to-transform: scale(0.97);
+    --motion-toast-enter-from-transform: translateY(-12px);
+    --motion-toast-exit-to-transform: translateY(-12px);
+    --motion-page-enter-from-transform: translateY(8px);
+    --icon-family: phosphor-duotone;
+    --icon-stroke-width: 1.5;
+    --icon-default-size: 18px;
+    --elevation-card: var(--shadow-sm);
+    --elevation-popover: var(--shadow-main);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-sm);
+    --elevation-pressed: var(--shadow-active);
+    --radius-container: var(--radius-lg);
+    --radius-interactive: var(--radius-md);
+    --radius-pill: var(--radius-full);
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: round;
+    --corner-shape-pill: round;
+    --border-style: solid;
+    --border-style-interactive: solid;
+    --surface-backdrop: none;
+    --surface-card-image: none;
+    --surface-page-image: repeating-radial-gradient(circle at 92% -8%, transparent 0 95px, rgba(236,235,230,0.05) 96px 97px);
+    --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 2.5;
+    --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: body;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 6px;
+    --material-roughness: 0.55;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 0.95;
+    --light-key-color: #fff8ee;
+    --scene-fog: 0.05;
+}

package/themes/pixel.css

@@ -38,6 +38,21 @@
     --color-info: #2a5bd6;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #f64f2f;
+    --color-series-2: #2a5bd6;
+    --color-series-3: #b86e00;
+    --color-series-4: #6a2fb5;
+    --color-series-5: #0a8a8a;
+    --color-series-6: #8a5a2b;
+    --color-series-7: #c2185b;
+    --color-series-8: #678a0b;
+    --color-diagram-ink: #1a1a2e;
+    --color-diagram-label: #1a1a2e;
+    --color-diagram-guide: #6a6048;
+    --color-diagram-axis: #000000;
+    --color-diagram-grid: #e8deb0;
+    --color-diagram-highlight: #e13245;
+    --color-diagram-fill: #ffd23f;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -183,6 +198,32 @@
     --corner-shape-pill: notch;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 2px;
+    --diagram-stroke-normal: 4px;
+    --diagram-stroke-bold: 6px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 8 8;
+    --diagram-dot: 4 4;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 4px 4px 0 0 #000000;
+    --diagram-marker: triangle;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.7;
+    --light-key: 0.9;
+    --light-key-color: #fff8dc;
+    --scene-fog: 0;
 }
 
 [data-theme="pixel-dark"] {
@@ -219,6 +260,21 @@
     --color-info: #5aa0ff;
     --color-info-foreground: #00122e;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #fe6034;
+    --color-series-2: #5aa0ff;
+    --color-series-3: #f5f44c;
+    --color-series-4: #c792ff;
+    --color-series-5: #3fe0d0;
+    --color-series-6: #ea8734;
+    --color-series-7: #ff7ac6;
+    --color-series-8: #9be04a;
+    --color-diagram-ink: #f8f0d0;
+    --color-diagram-label: #f8f0d0;
+    --color-diagram-guide: #a0a0d0;
+    --color-diagram-axis: #f8f0d0;
+    --color-diagram-grid: #44447a;
+    --color-diagram-highlight: #ffd23f;
+    --color-diagram-fill: #5a5aa0;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -364,4 +420,30 @@
     --corner-shape-pill: notch;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 2px;
+    --diagram-stroke-normal: 4px;
+    --diagram-stroke-bold: 6px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 8 8;
+    --diagram-dot: 4 4;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 4px 4px 0 0 #000000;
+    --diagram-marker: triangle;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.7;
+    --light-key: 0.9;
+    --light-key-color: #fff8dc;
+    --scene-fog: 0;
 }

package/themes/prism.css

@@ -32,6 +32,21 @@
     --color-info: #2563eb;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #ae3cc4;
+    --color-series-2: #a41c00;
+    --color-series-3: #be185d;
+    --color-series-4: #0e7490;
+    --color-series-5: #618305;
+    --color-series-6: #2d62ed;
+    --color-series-7: #a66e0e;
+    --color-series-8: #2708bb;
+    --color-diagram-ink: #0f172a;
+    --color-diagram-label: #475569;
+    --color-diagram-guide: #94a3b8;
+    --color-diagram-axis: #334155;
+    --color-diagram-grid: #e2e8f0;
+    --color-diagram-highlight: #6d3fd6;
+    --color-diagram-fill: #ede9fe;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -108,6 +123,32 @@
     --border-style: solid;
     --border-style-interactive: solid;
     --surface-card-image: linear-gradient(135deg, rgba(109, 63, 214, 0.08) 0%, rgba(236, 72, 153, 0.05) 50%, rgba(194, 65, 12, 0.06) 100%);
+    --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 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 0;
+    --diagram-glow: 2;
+    --diagram-shadow: 0 4px 12px rgba(109, 63, 214, 0.25);
+    --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.25;
+    --material-metalness: 0.15;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1.15;
+    --light-key-color: #f5e9ff;
+    --scene-fog: 0.05;
 }
 
 [data-theme="prism-dark"] {
@@ -138,6 +179,21 @@
     --color-info: #60a5fa;
     --color-info-foreground: #000000;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #6987ef;
+    --color-series-2: #fb923c;
+    --color-series-3: #f472b6;
+    --color-series-4: #22d3ee;
+    --color-series-5: #a3e635;
+    --color-series-6: #51a8f8;
+    --color-series-7: #e6d50d;
+    --color-series-8: #e879f9;
+    --color-diagram-ink: #e2e8f0;
+    --color-diagram-label: #94a3b8;
+    --color-diagram-guide: #64748b;
+    --color-diagram-axis: #cbd5e1;
+    --color-diagram-grid: #2a2748;
+    --color-diagram-highlight: #a78bfa;
+    --color-diagram-fill: #2e2a5a;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -214,4 +270,30 @@
     --border-style: solid;
     --border-style-interactive: solid;
     --surface-card-image: linear-gradient(135deg, rgba(167, 139, 250, 0.14) 0%, rgba(236, 72, 153, 0.08) 50%, rgba(190, 242, 100, 0.10) 100%);
+    --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 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 0;
+    --diagram-glow: 2;
+    --diagram-shadow: 0 4px 12px rgba(109, 63, 214, 0.25);
+    --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.25;
+    --material-metalness: 0.15;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1.15;
+    --light-key-color: #f5e9ff;
+    --scene-fog: 0.05;
 }