@elevasis/ui 1.20.1 → 1.22.0

package/dist/{chunk-OFAXUZPZ.js → chunk-AJPFSMEH.js}

@@ -1,6 +1,6 @@
-import { CyberBackground, WaveBackground } from './chunk-3DIU726S.js';
-import { createElement, createContext, useRef, useEffect, useContext } from 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { AppBackground, CyberBackground, WaveBackground } from './chunk-NVSKJG3L.js';
+import { createElement, Fragment, createContext, useRef, useEffect, useContext } from 'react';
+import { jsxs, Fragment as Fragment$1, jsx } from 'react/jsx-runtime';
 import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
 
 // src/theme/presets/utils.ts
@@ -64,11 +64,118 @@ function generateShades(hex) {
   ];
   return targets.map((tl) => hslToHex(h, s, tl));
 }
+var STYLE = `
+  /* NOTE: does not neutralize AppShellContainer's background paint, unlike
+     ChromeBackground / ConstellationBackground. AmbientBloom is designed to
+     compose *above* existing background layers (CyberBackground's grid,
+     ConstellationBackground's canvas), so it must not knock out the base
+     color paint the sibling background relies on. */
+  .elevasis-ambient-bloom {
+    display: none;
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    overflow: hidden;
+  }
+  [data-mantine-color-scheme="dark"] .elevasis-ambient-bloom {
+    display: block;
+  }
+  [data-mantine-color-scheme="dark"] .elevasis-ambient-bloom-lobe {
+    mix-blend-mode: screen;
+  }
+  @keyframes elevasis-ambient-bloom-a {
+    0%, 100% { transform: translate(0, 0) scale(1); }
+    33% { transform: translate(4%, -5%) scale(1.08); }
+    66% { transform: translate(-5%, 4%) scale(0.94); }
+  }
+  @keyframes elevasis-ambient-bloom-b {
+    0%, 100% { transform: translate(0, 0) scale(1); }
+    50% { transform: translate(-6%, 6%) scale(1.12); }
+  }
+  @keyframes elevasis-ambient-bloom-c {
+    0%, 100% { transform: translate(0, 0) scale(1); }
+    40% { transform: translate(5%, 4%) scale(0.9); }
+    80% { transform: translate(-4%, -6%) scale(1.08); }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .elevasis-ambient-bloom-lobe { animation: none !important; }
+  }
+`;
+function AmbientBloom({
+  color = "var(--color-primary)",
+  intensity = 0.08
+}) {
+  const primaryPct = `${Math.round(intensity * 100)}%`;
+  const secondaryPct = `${Math.round(intensity * 80)}%`;
+  const tertiaryPct = `${Math.round(intensity * 60)}%`;
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("style", { children: STYLE }),
+    /* @__PURE__ */ jsxs("div", { className: "elevasis-ambient-bloom", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-ambient-bloom-lobe",
+          style: {
+            position: "absolute",
+            top: "-30%",
+            left: "0%",
+            width: "100%",
+            height: "92%",
+            background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} ${primaryPct}, transparent) 0%, transparent 60%)`,
+            filter: "blur(80px)",
+            animation: "elevasis-ambient-bloom-a 32s ease-in-out infinite",
+            willChange: "transform"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-ambient-bloom-lobe",
+          style: {
+            position: "absolute",
+            top: "15%",
+            right: "-20%",
+            width: "88%",
+            height: "82%",
+            background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} ${secondaryPct}, transparent) 0%, transparent 65%)`,
+            filter: "blur(90px)",
+            animation: "elevasis-ambient-bloom-b 40s ease-in-out infinite",
+            willChange: "transform"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-ambient-bloom-lobe",
+          style: {
+            position: "absolute",
+            top: "15%",
+            left: "-15%",
+            width: "82%",
+            height: "78%",
+            background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} ${tertiaryPct}, transparent) 0%, transparent 60%)`,
+            filter: "blur(100px)",
+            animation: "elevasis-ambient-bloom-c 36s ease-in-out infinite",
+            willChange: "transform"
+          }
+        }
+      )
+    ] })
+  ] });
+}
 
 // src/theme/presets/default.ts
 var defaultPreset = {
   subtitleFontFamily: '"Inter", sans-serif',
   fontImports: ["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"],
+  background: createElement(
+    Fragment,
+    null,
+    createElement(AppBackground),
+    createElement(AmbientBloom, { intensity: 0.06, color: "#606468" })
+  ),
   light: {
     primary: "#0099ff",
     primaryContrast: "#ffffff",
@@ -78,14 +185,14 @@ var defaultPreset = {
     text: "#212529",
     textDimmed: "#495057",
     textSubtle: "#868e96",
-    border: "#ddd",
+    border: "rgba(0, 0, 0, 0.09)",
     error: "#dc3545",
     warning: "#fd7e14",
     success: "#28a745",
-    glassBackground: "rgba(252, 252, 252, 0.6)",
-    glassBlur: "blur(10px)",
-    shadow: "0px 3px 5px -4px rgba(0, 0, 0, 0.18)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.02), 0 4px 8px rgba(0, 0, 0, 0.02), 0 8px 16px rgba(0, 0, 0, 0.02)",
+    glassBackground: "rgba(245, 245, 247, 0.72)",
+    glassBlur: "blur(20px) saturate(160%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.06), 0px 6px 16px -4px rgba(0, 0, 0, 0.10)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.03), 0 6px 16px rgba(0, 0, 0, 0.04), 0 16px 32px -8px rgba(0, 0, 0, 0.04)",
     durationFast: "150ms",
     durationNormal: "250ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -97,19 +204,19 @@ var defaultPreset = {
     primary: "#0099ff",
     primaryContrast: "#ffffff",
     background: "#040404",
-    surface: "#111112",
-    surfaceHover: "#191919",
+    surface: "rgba(16, 16, 18, 0.52)",
+    surfaceHover: "rgba(24, 24, 26, 0.56)",
     text: "#ffffff",
     textDimmed: "#c1c2c5",
     textSubtle: "#999999",
-    border: "#1C1C1C",
+    border: "rgba(255, 255, 255, 0.01)",
     error: "#ff5252",
     warning: "#ff9800",
     success: "#4caf50",
-    glassBackground: "rgba(15, 15, 15, 0.6)",
-    glassBlur: "blur(10px)",
-    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
+    glassBackground: "rgba(16, 16, 18, 0.55)",
+    glassBlur: "blur(22px) saturate(160%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 8px 24px -8px rgba(0, 0, 0, 0.5), 0px 20px 48px -16px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
     durationFast: "150ms",
     durationNormal: "250ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -118,9 +225,13 @@ var defaultPreset = {
     fontSans: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
   }
 };
-
-// src/theme/presets/tactical.ts
 var tacticalPreset = {
+  background: createElement(
+    Fragment,
+    null,
+    createElement(AppBackground),
+    createElement(AmbientBloom, { intensity: 0.07, color: "#5A6070" })
+  ),
   light: {
     primary: "#0099ff",
     primaryContrast: "#ffffff",
@@ -130,14 +241,14 @@ var tacticalPreset = {
     text: "#0F1319",
     textDimmed: "#3B4559",
     textSubtle: "#5D677B",
-    border: "#C5CCD6",
+    border: "rgba(15, 19, 25, 0.14)",
     error: "#D32F2F",
     warning: "#ED6C02",
     success: "#2E7D32",
-    glassBackground: "rgba(243, 243, 246, 0.6)",
-    glassBlur: "blur(14px)",
-    shadow: "0px 2px 4px -2px rgba(15, 19, 25, 0.12)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(15, 19, 25, 0.06), 0 4px 8px rgba(15, 19, 25, 0.04)",
+    glassBackground: "rgba(243, 243, 245, 0.70)",
+    glassBlur: "blur(20px) saturate(160%)",
+    shadow: "0px 1px 2px rgba(15, 19, 25, 0.06), 0px 6px 16px -4px rgba(15, 19, 25, 0.10)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(15, 19, 25, 0.06), 0 6px 16px rgba(15, 19, 25, 0.05), 0 16px 32px -8px rgba(15, 19, 25, 0.04)",
     durationFast: "100ms",
     durationNormal: "180ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -148,18 +259,18 @@ var tacticalPreset = {
   dark: {
     primary: "#0099ff",
     primaryContrast: "#ffffff",
-    background: "#020305",
-    surface: "rgba(15, 17, 25, 0.3)",
-    surfaceHover: "rgba(28, 30, 40, 0.5)",
-    text: "#EFF2F7",
-    textDimmed: "#B0BCD2",
-    textSubtle: "#8898AE",
-    border: "#181C2D",
+    background: "#030304",
+    surface: "rgba(18, 19, 21, 0.3)",
+    surfaceHover: "rgba(32, 33, 36, 0.5)",
+    text: "#EFF1F4",
+    textDimmed: "#B0B8C4",
+    textSubtle: "#8890A0",
+    border: "rgba(136, 144, 160, 0.07)",
     error: "#FF4757",
     warning: "#FFA502",
     success: "#2ED573",
-    glassBackground: "rgba(14, 15, 22, 0.5)",
-    glassBlur: "blur(18px) saturate(180%)",
+    glassBackground: "rgba(14, 15, 17, 0.66)",
+    glassBlur: "blur(24px) saturate(170%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
     durationFast: "100ms",
@@ -178,9 +289,13 @@ var tacticalPreset = {
   },
   fontImports: ["https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap"]
 };
-
-// src/theme/presets/regal.ts
 var regalPreset = {
+  background: createElement(
+    Fragment,
+    null,
+    createElement(AppBackground),
+    createElement(AmbientBloom, { intensity: 0.12, color: "#606870" })
+  ),
   light: {
     primary: "#B8922F",
     primaryContrast: "#ffffff",
@@ -190,14 +305,14 @@ var regalPreset = {
     text: "#2E2E30",
     textDimmed: "#50505A",
     textSubtle: "#8E8E96",
-    border: "#CCCCD2",
+    border: "rgba(46, 46, 48, 0.12)",
     error: "#A83232",
     warning: "#B87A1A",
     success: "#3A7A3A",
-    glassBackground: "rgba(247, 247, 248, 0.6)",
-    glassBlur: "blur(12px)",
-    shadow: "0px 2px 6px -2px rgba(20, 20, 20, 0.12)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(20, 20, 20, 0.06), 0 4px 8px rgba(20, 20, 20, 0.04)",
+    glassBackground: "rgba(247, 247, 245, 0.70)",
+    glassBlur: "blur(22px) saturate(160%)",
+    shadow: "0px 1px 2px rgba(20, 20, 20, 0.06), 0px 6px 16px -4px rgba(20, 20, 20, 0.10)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(20, 20, 20, 0.06), 0 6px 16px rgba(20, 20, 20, 0.05), 0 16px 32px -8px rgba(20, 20, 20, 0.04)",
     durationFast: "180ms",
     durationNormal: "320ms",
     easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
@@ -206,22 +321,22 @@ var regalPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#D4A843",
-    primaryContrast: "#1A1400",
+    primary: "#C9A044",
+    primaryContrast: "#0A0800",
     background: "#000000",
-    surface: "#0E0E0E",
-    surfaceHover: "#181818",
-    text: "#F5EEE0",
-    textDimmed: "#C8BA98",
-    textSubtle: "#A89880",
-    border: "#1D1D1D",
+    surface: "transparent",
+    surfaceHover: "rgba(22, 23, 26, 0.12)",
+    text: "#E8E6E2",
+    textDimmed: "#A0A0A0",
+    textSubtle: "#707070",
+    border: "rgba(255, 255, 255, 0.06)",
     error: "#E05252",
     warning: "#D4943C",
     success: "#4AA84A",
-    glassBackground: "rgba(14, 14, 14, 0.6)",
-    glassBlur: "blur(14px)",
-    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(212, 168, 67, 0.08), inset 0 0 0 1px rgba(212, 168, 67, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
+    glassBackground: "rgba(16, 17, 20, 0.36)",
+    glassBlur: "blur(22px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 8px 24px -8px rgba(0, 0, 0, 0.5), 0px 20px 48px -16px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
     durationFast: "180ms",
     durationNormal: "320ms",
     easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
@@ -245,7 +360,12 @@ var regalPreset = {
   ]
 };
 var cyberVoltPreset = {
-  background: createElement(CyberBackground, { variant: "volt" }),
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "volt" }),
+    createElement(AmbientBloom, { intensity: 0.11 })
+  ),
   light: {
     primary: "#0097A7",
     primaryContrast: "#ffffff",
@@ -271,7 +391,7 @@ var cyberVoltPreset = {
     fontSans: '"Chakra Petch", sans-serif'
   },
   dark: {
-    primary: "#00E5FF",
+    primary: "#00A8BD",
     primaryContrast: "#001418",
     background: "#030506",
     surface: "transparent",
@@ -283,8 +403,8 @@ var cyberVoltPreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(6, 14, 20, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(6, 14, 20, 0.3)",
+    glassBlur: "blur(18px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(0, 229, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "80ms",
@@ -303,7 +423,7 @@ var cyberVoltPreset = {
   },
   fontImports: ["https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap"]
 };
-var STYLE = `
+var STYLE2 = `
   div[style*="var(--color-background)"][style*="100vh"] {
     background-color: transparent !important;
     isolation: isolate;
@@ -318,17 +438,17 @@ var STYLE = `
 
   /* ============ Light mode variant palettes ============ */
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] {
-    --chrome-base: #F7F5FF;
-    --chrome-origin-glow: rgba(221, 214, 254, 0.5);
-    --chrome-vignette: rgba(30, 15, 60, 0.05);
-    --chrome-beam-1: #A78BFA;
-    --chrome-beam-2: #C4B5FD;
-    --chrome-beam-3: #818CF8;
-    --chrome-beam-4: #A78BFA;
-    --chrome-beam-5: #8B5CF6;
-    --chrome-beam-6: #C4B5FD;
-    --chrome-beam-7: #818CF8;
-    --chrome-beam-8: #A78BFA;
+    --chrome-base: #F3F5FA;
+    --chrome-origin-glow: rgba(180, 198, 220, 0.5);
+    --chrome-vignette: rgba(15, 25, 45, 0.05);
+    --chrome-beam-1: #7B93B8;
+    --chrome-beam-2: #94A8C8;
+    --chrome-beam-3: #6B84AD;
+    --chrome-beam-4: #8298BA;
+    --chrome-beam-5: #5F7FA8;
+    --chrome-beam-6: #94A8C8;
+    --chrome-beam-7: #6B84AD;
+    --chrome-beam-8: #7B93B8;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] {
     --chrome-base: #F2F8F5;
@@ -372,17 +492,17 @@ var STYLE = `
 
   /* ============ Dark mode variant palettes ============ */
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] {
-    --chrome-base: #050610;
+    --chrome-base: #050A14;
     --chrome-origin-glow: rgba(100, 116, 139, 0.06);
     --chrome-vignette: rgba(0, 0, 0, 0.4);
     --chrome-beam-1: #1E293B;
     --chrome-beam-2: #334155;
-    --chrome-beam-3: #3B3B5C;
-    --chrome-beam-4: #3730A3;
+    --chrome-beam-3: #2A3A52;
+    --chrome-beam-4: #1E3A5F;
     --chrome-beam-5: #475569;
-    --chrome-beam-6: #312E81;
-    --chrome-beam-7: #4C4A6E;
-    --chrome-beam-8: #1E1B4B;
+    --chrome-beam-6: #1C3452;
+    --chrome-beam-7: #3A4D66;
+    --chrome-beam-8: #152840;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] {
     --chrome-base: #020807;
@@ -547,6 +667,20 @@ var STYLE = `
     opacity: 0.1;
   }
 
+  /* Aurora dark mode: softer beams to reduce ambient bloom */
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-1,
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-3,
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-5,
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-7 {
+    opacity: 0.07;
+  }
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-2,
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-4,
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-6,
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-8 {
+    opacity: 0.06;
+  }
+
   @keyframes chrome-rotate {
     from { transform: rotate(0deg); }
     to   { transform: rotate(360deg); }
@@ -558,8 +692,8 @@ var STYLE = `
   }
 `;
 function ChromeBackground({ variant }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: STYLE }),
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("style", { children: STYLE2 }),
     /* @__PURE__ */ jsx("div", { className: "chrome-bg-root", "data-variant": variant, "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "chrome-bg-wrapper", children: [
       /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-1" }),
       /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-2" }),
@@ -611,7 +745,7 @@ var auroraPreset = {
     text: "#E0F2F1",
     textDimmed: "#80CBC4",
     textSubtle: "#68C8BE",
-    border: "rgba(128, 203, 196, 0.07)",
+    border: "rgba(128, 203, 196, 0.04)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
@@ -668,7 +802,7 @@ var roseGoldPreset = {
     fontSans: '"DM Sans", sans-serif'
   },
   dark: {
-    primary: "#C8897C",
+    primary: "#A56B5E",
     primaryContrast: "#2D1A16",
     background: "#070405",
     surface: "transparent",
@@ -676,7 +810,7 @@ var roseGoldPreset = {
     text: "#F5E8E6",
     textDimmed: "#D8B8B2",
     textSubtle: "#B89A94",
-    border: "rgba(216, 184, 178, 0.07)",
+    border: "rgba(216, 184, 178, 0.05)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
@@ -708,22 +842,22 @@ var midnightPreset = {
   ],
   background: createElement(ChromeBackground, { variant: "midnight" }),
   light: {
-    primary: "#475569",
+    primary: "#4A5B7A",
     primaryContrast: "#ffffff",
-    background: "#F5F3FF",
+    background: "#F3F5FA",
     surface: "transparent",
     surfaceHover: "rgba(71, 85, 105, 0.08)",
-    text: "#0F0A1E",
-    textDimmed: "#3D3758",
-    textSubtle: "#6B6480",
-    border: "rgba(15, 10, 30, 0.08)",
+    text: "#0A1020",
+    textDimmed: "#374358",
+    textSubtle: "#64708A",
+    border: "rgba(10, 16, 32, 0.08)",
     error: "#DC2626",
     warning: "#F59E0B",
     success: "#16A34A",
-    glassBackground: "rgba(245, 243, 255, 0.55)",
+    glassBackground: "rgba(243, 245, 250, 0.55)",
     glassBlur: "blur(28px) saturate(180%)",
-    shadow: "0px 1px 2px rgba(15, 10, 30, 0.04), 0px 8px 24px -8px rgba(139, 92, 246, 0.14)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(15, 10, 30, 0.05), 0 10px 28px -6px rgba(15, 10, 30, 0.08), 0 30px 56px -14px rgba(139, 92, 246, 0.18)",
+    shadow: "0px 1px 2px rgba(10, 16, 32, 0.04), 0px 8px 24px -8px rgba(92, 136, 210, 0.14)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(10, 16, 32, 0.05), 0 10px 28px -6px rgba(10, 16, 32, 0.08), 0 30px 56px -14px rgba(92, 136, 210, 0.18)",
     durationFast: "160ms",
     durationNormal: "280ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -732,19 +866,19 @@ var midnightPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#64748B",
+    primary: "#7888A8",
     primaryContrast: "#F1F5F9",
-    background: "#060712",
+    background: "#060A14",
     surface: "transparent",
     surfaceHover: "#171A24",
     text: "#F1F5F9",
     textDimmed: "#CBD5E1",
     textSubtle: "#94A3B8",
-    border: "rgba(203, 213, 225, 0.07)",
+    border: "rgba(203, 213, 225, 0.01)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(12, 14, 22, 0.35)",
+    glassBackground: "rgba(12, 14, 22, 0.33)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
     cardShadow: "inset 0 1px 0 rgba(203, 213, 225, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(100, 116, 139, 0.12)",
@@ -829,75 +963,6 @@ var emberPreset = {
     }
   }
 };
-var honeyPreset = {
-  subtitleFontFamily: '"Outfit", sans-serif',
-  fontImports: [
-    "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&display=swap",
-    "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
-    "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap"
-  ],
-  background: createElement(WaveBackground, { variant: "honey" }),
-  light: {
-    primary: "#A06A08",
-    primaryContrast: "#ffffff",
-    background: "#FCF9F2",
-    surface: "transparent",
-    surfaceHover: "rgba(160, 106, 8, 0.08)",
-    text: "#2A1F0A",
-    textDimmed: "#5C4820",
-    textSubtle: "#8A7450",
-    border: "rgba(42, 31, 10, 0.08)",
-    error: "#C62828",
-    warning: "#E65100",
-    success: "#33691E",
-    glassBackground: "rgba(251, 247, 240, 0.68)",
-    glassBlur: "blur(24px) saturate(180%)",
-    shadow: "0px 1px 2px rgba(42, 31, 10, 0.04), 0px 8px 24px -8px rgba(160, 106, 8, 0.12)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(42, 31, 10, 0.04), 0 8px 24px -8px rgba(160, 106, 8, 0.12), 0 24px 48px -16px rgba(160, 106, 8, 0.08)",
-    durationFast: "140ms",
-    durationNormal: "260ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"Syne", sans-serif',
-    fontSans: '"Inter", sans-serif'
-  },
-  dark: {
-    primary: "#E8A820",
-    primaryContrast: "#1A1200",
-    background: "#000000",
-    surface: "transparent",
-    surfaceHover: "#1C1808",
-    text: "#FDF0D0",
-    textDimmed: "#D8C070",
-    textSubtle: "#B8A060",
-    border: "rgba(216, 192, 112, 0.1)",
-    error: "#EF5350",
-    warning: "#FF8A65",
-    success: "#8BC34A",
-    glassBackground: "rgba(22, 19, 9, 0.35)",
-    glassBlur: "blur(24px) saturate(180%)",
-    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(232, 168, 32, 0.08), inset 0 0 0 1px rgba(232, 168, 32, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
-    durationFast: "140ms",
-    durationNormal: "260ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"Syne", sans-serif',
-    fontSans: '"Inter", sans-serif'
-  },
-  framework: {
-    defaultRadius: "xl",
-    fontFamily: '"Inter", sans-serif',
-    headings: {
-      fontFamily: '"Syne", sans-serif'
-    },
-    components: {
-      Title: {
-        styles: { root: { letterSpacing: "-0.06em" } }
-      }
-    }
-  }
-};
 var canopyPreset = {
   subtitleFontFamily: '"Lora", serif',
   fontImports: [
@@ -905,7 +970,10 @@ var canopyPreset = {
     "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(WaveBackground, { variant: "canopy" }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "canopy" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.11 })
+  ] }),
   light: {
     primary: "#2E7A40",
     primaryContrast: "#ffffff",
@@ -939,7 +1007,7 @@ var canopyPreset = {
     text: "#E0F0E4",
     textDimmed: "#98C8A4",
     textSubtle: "#80A090",
-    border: "rgba(152, 200, 164, 0.1)",
+    border: "rgba(152, 200, 164, 0.06)",
     error: "#EF5350",
     warning: "#FF8A65",
     success: "#8BC34A",
@@ -963,9 +1031,13 @@ var canopyPreset = {
     }
   }
 };
-
-// src/theme/presets/slate.ts
 var slatePreset = {
+  background: createElement(
+    Fragment,
+    null,
+    createElement(AppBackground),
+    createElement(AmbientBloom, { intensity: 0.06 })
+  ),
   light: {
     primary: "#4A6E8E",
     primaryContrast: "#ffffff",
@@ -975,14 +1047,14 @@ var slatePreset = {
     text: "#161C22",
     textDimmed: "#404C58",
     textSubtle: "#6A7A88",
-    border: "#C8D0D8",
+    border: "rgba(22, 28, 34, 0.14)",
     error: "#D32F2F",
     warning: "#F57C00",
     success: "#388E3C",
-    glassBackground: "rgba(243, 244, 246, 0.6)",
-    glassBlur: "blur(10px)",
-    shadow: "0px 2px 4px -2px rgba(74, 110, 142, 0.08)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(22, 28, 34, 0.05), 0 4px 8px rgba(22, 28, 34, 0.04)",
+    glassBackground: "rgba(243, 244, 246, 0.70)",
+    glassBlur: "blur(20px) saturate(160%)",
+    shadow: "0px 1px 2px rgba(22, 28, 34, 0.05), 0px 6px 16px -4px rgba(22, 28, 34, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(22, 28, 34, 0.05), 0 6px 16px rgba(22, 28, 34, 0.05), 0 16px 32px -8px rgba(22, 28, 34, 0.04)",
     durationFast: "110ms",
     durationNormal: "200ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -999,12 +1071,12 @@ var slatePreset = {
     text: "#E8F0F8",
     textDimmed: "#A8C4DC",
     textSubtle: "#80A0B0",
-    border: "#182028",
+    border: "rgba(128, 160, 176, 0.07)",
     error: "#FF5252",
     warning: "#FFB74D",
     success: "#69F0AE",
-    glassBackground: "rgba(12, 16, 22, 0.65)",
-    glassBlur: "blur(14px)",
+    glassBackground: "rgba(14, 17, 22, 0.58)",
+    glassBlur: "blur(22px) saturate(160%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
     cardShadow: "inset 0 1px 0 rgba(123, 158, 188, 0.08), inset 0 0 0 1px rgba(123, 158, 188, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
     durationFast: "110ms",
@@ -1028,7 +1100,12 @@ var slatePreset = {
   ]
 };
 var cyberStrikePreset = {
-  background: createElement(CyberBackground, { variant: "strike" }),
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "strike" }),
+    createElement(AmbientBloom, { intensity: 0.16 })
+  ),
   light: {
     primary: "#FF1744",
     primaryContrast: "#ffffff",
@@ -1042,10 +1119,10 @@ var cyberStrikePreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(255, 248, 250, 0.25)",
-    glassBlur: "blur(8px) saturate(180%)",
-    shadow: "0px 2px 6px rgba(0, 0, 0, 0.05), 0px 20px 48px -8px rgba(0, 0, 0, 0.14)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.03), 0 8px 24px -8px rgba(0, 0, 0, 0.06), 0 20px 48px -16px rgba(0, 0, 0, 0.04)",
+    glassBackground: "rgba(255, 248, 250, 0.55)",
+    glassBlur: "blur(26px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.04), 0px 8px 24px -8px rgba(0, 0, 0, 0.10)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px -8px rgba(0, 0, 0, 0.08), 0 24px 48px -16px rgba(0, 0, 0, 0.06)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1056,20 +1133,20 @@ var cyberStrikePreset = {
   dark: {
     primary: "#FF1744",
     primaryContrast: "#ffffff",
-    background: "#060404",
+    background: "#050303",
     surface: "transparent",
     surfaceHover: "rgba(255, 23, 68, 0.06)",
     text: "#FAE0E4",
     textDimmed: "#F0A0B0",
     textSubtle: "#8E6068",
-    border: "rgba(255, 43, 88, 0.19)",
+    border: "rgba(200, 175, 180, 0.10)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(24, 16, 20, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
-    shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(255, 23, 68, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
+    glassBackground: "rgba(20, 14, 18, 0.42)",
+    glassBlur: "blur(28px) saturate(180%)",
+    shadow: "0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px -8px rgba(0, 0, 0, 0.5), 0 20px 48px -16px rgba(0, 0, 0, 0.4)",
+    cardShadow: "inset 0 1px 0 rgba(230, 200, 210, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.5), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1091,23 +1168,28 @@ var cyberStrikePreset = {
     "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap"
   ]
 };
-var cyberPunkPreset = {
-  background: createElement(CyberBackground, { variant: "punk" }),
+var cyberChromePreset = {
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "chrome" }),
+    createElement(AmbientBloom, { intensity: 0.1 })
+  ),
   light: {
-    primary: "#7C4DFF",
+    primary: "#64748B",
     primaryContrast: "#ffffff",
-    background: "#FAF8FF",
+    background: "#F1F3F5",
     surface: "transparent",
-    surfaceHover: "rgba(124, 77, 255, 0.08)",
-    text: "#0E0A1E",
-    textDimmed: "#342E4D",
-    textSubtle: "#625880",
-    border: "rgba(14, 10, 30, 0.08)",
+    surfaceHover: "rgba(100, 116, 139, 0.08)",
+    text: "#0B0E12",
+    textDimmed: "#2F3A47",
+    textSubtle: "#5C6B7A",
+    border: "rgba(11, 14, 18, 0.1)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(250, 248, 255, 0.25)",
-    glassBlur: "blur(8px) saturate(180%)",
+    glassBackground: "rgba(241, 243, 245, 0.28)",
+    glassBlur: "blur(18px) saturate(180%)",
     shadow: "0px 2px 6px rgba(0, 0, 0, 0.05), 0px 20px 48px -8px rgba(0, 0, 0, 0.14)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.03), 0 8px 24px -8px rgba(0, 0, 0, 0.06), 0 20px 48px -16px rgba(0, 0, 0, 0.04)",
     durationFast: "80ms",
@@ -1118,22 +1200,22 @@ var cyberPunkPreset = {
     fontSans: '"JetBrains Mono", monospace'
   },
   dark: {
-    primary: "#7C4DFF",
-    primaryContrast: "#ffffff",
-    background: "#040308",
+    primary: "#94A3B8",
+    primaryContrast: "#0B0E12",
+    background: "#010204",
     surface: "transparent",
-    surfaceHover: "rgba(124, 77, 255, 0.06)",
-    text: "#F0EAFF",
-    textDimmed: "#D0BBEE",
-    textSubtle: "#7E6E98",
-    border: "rgba(134, 87, 255, 0.19)",
+    surfaceHover: "rgba(148, 165, 184, 0.06)",
+    text: "#E8EEF5",
+    textDimmed: "#A8B6C4",
+    textSubtle: "#5E6E80",
+    border: "rgba(148, 165, 184, 0.16)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(18, 13, 26, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(14, 18, 24, 0.34)",
+    glassBlur: "blur(28px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(124, 77, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(148, 165, 184, 0.07), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1161,7 +1243,12 @@ var cyberPunkPreset = {
   ]
 };
 var cyberVoidPreset = {
-  background: createElement(CyberBackground, { variant: "void" }),
+  background: createElement(
+    Fragment,
+    null,
+    createElement(CyberBackground, { variant: "void" }),
+    createElement(AmbientBloom, { intensity: 0.13 })
+  ),
   light: {
     primary: "#2979FF",
     primaryContrast: "#ffffff",
@@ -1175,7 +1262,7 @@ var cyberVoidPreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(245, 248, 253, 0.25)",
+    glassBackground: "rgba(245, 248, 253, 0.28)",
     glassBlur: "blur(8px) saturate(180%)",
     shadow: "0px 2px 6px rgba(0, 0, 0, 0.05), 0px 20px 48px -8px rgba(0, 0, 0, 0.14)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.03), 0 8px 24px -8px rgba(0, 0, 0, 0.06), 0 20px 48px -16px rgba(0, 0, 0, 0.04)",
@@ -1189,20 +1276,20 @@ var cyberVoidPreset = {
   dark: {
     primary: "#2979FF",
     primaryContrast: "#ffffff",
-    background: "#030507",
+    background: "#020406",
     surface: "transparent",
-    surfaceHover: "rgba(41, 121, 255, 0.06)",
+    surfaceHover: "rgba(41, 121, 255, 0.08)",
     text: "#E0EAFA",
     textDimmed: "#99BBEE",
     textSubtle: "#5E7898",
-    border: "rgba(51, 131, 255, 0.2)",
+    border: "rgba(41, 121, 255, 0.18)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(11, 15, 27, 0.4)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(11, 14, 16, 0.3)",
+    glassBlur: "blur(18px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(41, 121, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(41, 121, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "80ms",
     durationNormal: "160ms",
     easing: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -1216,6 +1303,11 @@ var cyberVoidPreset = {
     headings: {
       fontFamily: '"Share Tech Mono", monospace',
       fontWeight: "400"
+    },
+    components: {
+      Title: {
+        styles: { root: { letterSpacing: "-0.05em" } }
+      }
     }
   },
   fontImports: [
@@ -1229,7 +1321,10 @@ var nirvanaPreset = {
   fontImports: [
     "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Cormorant:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(WaveBackground, { variant: "nirvana" }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "nirvana" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.11 })
+  ] }),
   light: {
     primary: "#f23801",
     primaryContrast: "#ffffff",
@@ -1263,7 +1358,7 @@ var nirvanaPreset = {
     text: "#ffffff",
     textDimmed: "#c8ccd0",
     textSubtle: "#8a8f95",
-    border: "rgba(255, 255, 255, 0.08)",
+    border: "rgba(255, 255, 255, 0.03)",
     error: "#ff5252",
     warning: "#ff9800",
     success: "#4caf50",
@@ -1292,7 +1387,10 @@ var wavePreset = {
   fontImports: [
     "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(WaveBackground, { variant: "wave" }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "wave" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.09 })
+  ] }),
   light: {
     primary: "#2563eb",
     primaryContrast: "#ffffff",
@@ -1326,7 +1424,7 @@ var wavePreset = {
     text: "#f1f5f9",
     textDimmed: "#cbd5e1",
     textSubtle: "#94a3b8",
-    border: "rgba(148, 163, 184, 0.1)",
+    border: "rgba(148, 163, 184, 0.07)",
     error: "#f87171",
     warning: "#fbbf24",
     success: "#4ade80",
@@ -1547,7 +1645,7 @@ function ConstellationBackground({
   useEffect(() => {
     redrawRef.current?.();
   }, [darkPalette, lightPalette]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("style", { children: `
         div[style*="var(--color-background)"][style*="100vh"] {
           background-color: transparent !important;
@@ -1569,8 +1667,6 @@ function ConstellationBackground({
     )
   ] });
 }
-
-// src/theme/presets/synapse.tsx
 var synapsePreset = {
   subtitleFontFamily: '"Space Grotesk", sans-serif',
   fontImports: [
@@ -1578,7 +1674,10 @@ var synapsePreset = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
   colors: ["#22D3EE", "#020305", "#F0FAFB"],
-  background: createElement(ConstellationBackground),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, {}),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.12 })
+  ] }),
   light: {
     primary: "#0891B2",
     primaryContrast: "#ffffff",
@@ -1604,7 +1703,7 @@ var synapsePreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#0EB5CC",
+    primary: "#0A8A9E",
     primaryContrast: "#ffffff",
     background: "#000000",
     surface: "transparent",
@@ -1612,12 +1711,12 @@ var synapsePreset = {
     text: "#ECFEFF",
     textDimmed: "#A5F3FC",
     textSubtle: "#5F8A94",
-    border: "rgba(34, 211, 238, 0.1)",
+    border: "rgba(34, 211, 238, 0.07)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(6, 12, 16, 0.3)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(6, 12, 16, 0.2)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(34, 211, 238, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -1637,13 +1736,13 @@ var synapsePreset = {
   }
 };
 var CORTEX_DARK = {
-  bgStops: ["rgba(4, 10, 26, 1)", "rgba(2, 5, 14, 1)", "rgba(0, 0, 0, 1)"],
-  paletteA: [59, 130, 246],
-  // blue-500
-  paletteB: [96, 165, 250],
-  // blue-400 (lighter)
-  paletteC: [14, 165, 233],
-  // sky-500
+  bgStops: ["rgba(6, 10, 20, 1)", "rgba(3, 6, 14, 1)", "rgba(0, 0, 0, 1)"],
+  paletteA: [90, 120, 180],
+  // muted slate-blue
+  paletteB: [110, 140, 195],
+  // lighter slate-blue
+  paletteC: [60, 130, 175],
+  // muted teal-blue
   lineOpacity: 0.22,
   haloOpacity: 0.22,
   coreOpacity: 0.8,
@@ -1653,13 +1752,13 @@ var CORTEX_DARK = {
   coreBrightenB: 20
 };
 var CORTEX_LIGHT = {
-  bgStops: ["rgba(240, 246, 255, 1)", "rgba(224, 234, 250, 1)", "rgba(200, 218, 240, 1)"],
-  paletteA: [37, 99, 235],
-  // blue-600
-  paletteB: [29, 78, 216],
-  // blue-700
-  paletteC: [2, 132, 199],
-  // sky-600
+  bgStops: ["rgba(243, 245, 250, 1)", "rgba(228, 234, 244, 1)", "rgba(208, 218, 232, 1)"],
+  paletteA: [55, 85, 150],
+  // muted blue
+  paletteB: [45, 72, 135],
+  // deeper muted blue
+  paletteC: [40, 110, 160],
+  // muted teal
   lineOpacity: 0.22,
   haloOpacity: 0.14,
   coreOpacity: 0.7,
@@ -1674,25 +1773,28 @@ var cortexPreset = {
     "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
-  colors: ["#3B82F6", "#02050E", "#F0F6FF"],
-  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: CORTEX_DARK, lightPalette: CORTEX_LIGHT }),
+  colors: ["#5A78B4", "#02050E", "#F3F5FA"],
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: CORTEX_DARK, lightPalette: CORTEX_LIGHT }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.12 })
+  ] }),
   light: {
-    primary: "#2563EB",
+    primary: "#3D6098",
     primaryContrast: "#ffffff",
-    background: "#F0F6FF",
+    background: "#F3F5FA",
     surface: "transparent",
-    surfaceHover: "rgba(37, 99, 235, 0.08)",
+    surfaceHover: "rgba(61, 96, 152, 0.07)",
     text: "#04102A",
     textDimmed: "#1A2E5A",
     textSubtle: "#556B94",
-    border: "rgba(4, 16, 42, 0.11)",
+    border: "rgba(15, 23, 42, 0.09)",
     error: "#DC2626",
     warning: "#F59E0B",
     success: "#16A34A",
-    glassBackground: "rgba(240, 246, 255, 0.42)",
-    glassBlur: "blur(20px) saturate(180%)",
-    shadow: "0px 1px 2px rgba(4, 16, 42, 0.04), 0px 8px 24px -8px rgba(37, 99, 235, 0.14)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(4, 16, 42, 0.04), 0 8px 24px -8px rgba(37, 99, 235, 0.12), 0 24px 48px -16px rgba(37, 99, 235, 0.08)",
+    glassBackground: "rgba(240, 246, 255, 0.55)",
+    glassBlur: "blur(26px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(4, 16, 42, 0.04), 0px 8px 24px -8px rgba(37, 99, 235, 0.10)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(4, 16, 42, 0.04), 0 8px 24px -8px rgba(37, 99, 235, 0.10), 0 24px 48px -16px rgba(37, 99, 235, 0.06)",
     durationFast: "120ms",
     durationNormal: "220ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -1701,22 +1803,22 @@ var cortexPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#60A5FA",
-    primaryContrast: "#ffffff",
+    primary: "#7898BE",
+    primaryContrast: "#F1F5F9",
     background: "#000000",
     surface: "transparent",
-    surfaceHover: "rgba(59, 130, 246, 0.08)",
+    surfaceHover: "rgba(120, 152, 190, 0.07)",
     text: "#EBF4FF",
     textDimmed: "#BFD9FF",
     textSubtle: "#5F7A94",
-    border: "rgba(59, 130, 246, 0.13)",
+    border: "rgba(148, 163, 184, 0.03)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(8, 14, 16, 0.3)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(10, 14, 20, 0.18)",
+    glassBlur: "blur(15px) saturate(195%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(59, 130, 246, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(180, 200, 230, 0.10), inset 0 0 0 1px rgba(148, 163, 184, 0.08), 0 1px 2px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.4), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
     durationNormal: "220ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -1734,13 +1836,13 @@ var cortexPreset = {
   }
 };
 var HELIOS_DARK = {
-  bgStops: ["rgba(26, 16, 4, 1)", "rgba(12, 7, 2, 1)", "rgba(0, 0, 0, 1)"],
-  paletteA: [245, 158, 11],
-  // amber
-  paletteB: [251, 191, 36],
-  // light amber
-  paletteC: [249, 115, 22],
-  // orange
+  bgStops: ["rgba(27, 19, 9, 1)", "rgba(14, 10, 4, 1)", "rgba(3, 2, 1, 1)"],
+  paletteA: [190, 150, 60],
+  // muted gold
+  paletteB: [200, 170, 80],
+  // soft warm gold
+  paletteC: [180, 120, 50],
+  // muted bronze-amber
   lineOpacity: 0.22,
   haloOpacity: 0.22,
   coreOpacity: 0.8,
@@ -1750,13 +1852,13 @@ var HELIOS_DARK = {
   coreBrightenB: 5
 };
 var HELIOS_LIGHT = {
-  bgStops: ["rgba(255, 251, 240, 1)", "rgba(250, 240, 220, 1)", "rgba(240, 224, 188, 1)"],
-  paletteA: [180, 83, 9],
-  // amber-700
-  paletteB: [194, 65, 12],
-  // orange-700
-  paletteC: [146, 64, 14],
-  // amber-800
+  bgStops: ["rgba(250, 247, 240, 1)", "rgba(242, 236, 222, 1)", "rgba(230, 220, 200, 1)"],
+  paletteA: [140, 95, 30],
+  // muted amber
+  paletteB: [150, 85, 30],
+  // muted bronze
+  paletteC: [120, 80, 30],
+  // deep warm brown
   lineOpacity: 0.22,
   haloOpacity: 0.14,
   coreOpacity: 0.7,
@@ -1771,25 +1873,28 @@ var heliosPreset = {
     "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
-  colors: ["#F59E0B", "#0C0702", "#FFFBF0"],
-  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: HELIOS_DARK, lightPalette: HELIOS_LIGHT }),
+  colors: ["#B8963C", "#0C0702", "#FAF7F0"],
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: HELIOS_DARK, lightPalette: HELIOS_LIGHT }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.07 })
+  ] }),
   light: {
-    primary: "#B45309",
+    primary: "#8B6B2A",
     primaryContrast: "#ffffff",
-    background: "#FFFBF0",
+    background: "#FAF7F0",
     surface: "transparent",
-    surfaceHover: "rgba(180, 83, 9, 0.08)",
+    surfaceHover: "rgba(139, 107, 42, 0.07)",
     text: "#1F1504",
     textDimmed: "#4A3415",
     textSubtle: "#8A7A55",
-    border: "rgba(31, 21, 4, 0.11)",
+    border: "rgba(31, 21, 4, 0.09)",
     error: "#DC2626",
     warning: "#F59E0B",
     success: "#16A34A",
-    glassBackground: "rgba(255, 251, 240, 0.42)",
-    glassBlur: "blur(20px) saturate(180%)",
-    shadow: "0px 1px 2px rgba(31, 21, 4, 0.04), 0px 8px 24px -8px rgba(180, 83, 9, 0.14)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(31, 21, 4, 0.04), 0 8px 24px -8px rgba(180, 83, 9, 0.12), 0 24px 48px -16px rgba(180, 83, 9, 0.08)",
+    glassBackground: "rgba(250, 247, 240, 0.55)",
+    glassBlur: "blur(26px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(31, 21, 4, 0.04), 0px 8px 24px -8px rgba(139, 107, 42, 0.10)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(31, 21, 4, 0.04), 0 8px 24px -8px rgba(139, 107, 42, 0.10), 0 24px 48px -16px rgba(139, 107, 42, 0.06)",
     durationFast: "120ms",
     durationNormal: "220ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -1798,22 +1903,22 @@ var heliosPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#FBBF24",
+    primary: "#B8963C",
     primaryContrast: "#1A0F02",
     background: "#000000",
     surface: "transparent",
-    surfaceHover: "rgba(245, 158, 11, 0.08)",
+    surfaceHover: "rgba(184, 150, 60, 0.07)",
     text: "#FFF7E6",
     textDimmed: "#FCD98C",
     textSubtle: "#947A55",
-    border: "rgba(245, 158, 11, 0.1)",
+    border: "rgba(184, 168, 140, 0.06)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(14, 9, 2, 0.32)",
+    glassBackground: "rgba(36, 28, 14, 0.11)",
     glassBlur: "blur(14px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(245, 158, 11, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(230, 210, 170, 0.12), inset 0 0 0 1px rgba(184, 168, 140, 0.10), 0 1px 2px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.4), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
     durationNormal: "220ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -1831,7 +1936,7 @@ var heliosPreset = {
   }
 };
 var GRAPHITE_DARK = {
-  bgStops: ["rgba(14, 16, 18, 1)", "rgba(8, 9, 11, 1)", "rgba(0, 0, 0, 1)"],
+  bgStops: ["rgba(7, 8, 9, 1)", "rgba(3, 4, 5, 1)", "rgba(0, 0, 0, 1)"],
   paletteA: [156, 163, 175],
   // gray-400
   paletteB: [209, 213, 219],
@@ -1869,7 +1974,10 @@ var graphitePreset = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
   colors: ["#9CA3AF", "#08090B", "#F8F9FA"],
-  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: GRAPHITE_DARK, lightPalette: GRAPHITE_LIGHT }),
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: GRAPHITE_DARK, lightPalette: GRAPHITE_LIGHT }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.1 })
+  ] }),
   light: {
     primary: "#4B5563",
     primaryContrast: "#ffffff",
@@ -1895,7 +2003,7 @@ var graphitePreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#D1D5DB",
+    primary: "#8D96A3",
     primaryContrast: "#0A0B0D",
     background: "#000000",
     surface: "transparent",
@@ -1903,12 +2011,12 @@ var graphitePreset = {
     text: "#F3F4F6",
     textDimmed: "#D1D5DB",
     textSubtle: "#6B7280",
-    border: "rgba(156, 163, 175, 0.1)",
+    border: "rgba(156, 163, 175, 0.07)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(10, 11, 13, 0.3)",
-    glassBlur: "blur(14px) saturate(200%)",
+    glassBackground: "rgba(26, 30, 36, 0.2)",
+    glassBlur: "blur(16px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(156, 163, 175, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -1927,6 +2035,74 @@ var graphitePreset = {
     }
   }
 };
+var quarryPreset = {
+  subtitleFontFamily: '"Lora", serif',
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap"
+  ],
+  background: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(WaveBackground, { variant: "quarry" }),
+    /* @__PURE__ */ jsx(AmbientBloom, { intensity: 0.09 })
+  ] }),
+  light: {
+    primary: "#636972",
+    primaryContrast: "#ffffff",
+    background: "#F1F3F5",
+    surface: "transparent",
+    surfaceHover: "rgba(99, 105, 114, 0.08)",
+    text: "#15181C",
+    textDimmed: "#353A42",
+    textSubtle: "#686E78",
+    border: "rgba(21, 24, 28, 0.09)",
+    error: "#C62828",
+    warning: "#E65100",
+    success: "#4A6E5A",
+    glassBackground: "rgba(241, 243, 245, 0.6)",
+    glassBlur: "blur(24px) saturate(160%)",
+    shadow: "0px 1px 2px rgba(21, 24, 28, 0.04), 0px 8px 24px -8px rgba(99, 105, 114, 0.14)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(21, 24, 28, 0.04), 0 8px 24px -8px rgba(99, 105, 114, 0.12), 0 24px 48px -16px rgba(99, 105, 114, 0.08)",
+    durationFast: "150ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Fraunces", serif',
+    fontSans: '"Lato", sans-serif'
+  },
+  dark: {
+    primary: "#A5ACB5",
+    primaryContrast: "#101215",
+    background: "#07080A",
+    surface: "transparent",
+    surfaceHover: "rgba(165, 172, 181, 0.08)",
+    text: "#E8EBEF",
+    textDimmed: "#B4B9C1",
+    textSubtle: "#7A8089",
+    border: "rgba(165, 172, 181, 0.08)",
+    error: "#EF5350",
+    warning: "#FF8A65",
+    success: "#8EA99A",
+    glassBackground: "rgba(22, 25, 30, 0.36)",
+    glassBlur: "blur(18px) saturate(160%)",
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
+    cardShadow: "inset 0 1px 0 rgba(165, 172, 181, 0.08), inset 0 0 0 1px rgba(165, 172, 181, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)",
+    durationFast: "150ms",
+    durationNormal: "280ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    destructiveFg: "#ffffff",
+    fontHeading: '"Fraunces", serif',
+    fontSans: '"Lato", sans-serif'
+  },
+  framework: {
+    defaultRadius: "xl",
+    fontFamily: '"Lato", sans-serif',
+    headings: {
+      fontFamily: '"Fraunces", serif',
+      fontWeight: "600"
+    }
+  }
+};
 
 // src/theme/presets/index.ts
 var PRESETS = {
@@ -1954,6 +2130,12 @@ var PRESETS = {
     description: "Regal black and gold aesthetic",
     colors: ["#D4A843", "#080604", "#F5F0E8"]
   },
+  midnight: {
+    ...midnightPreset,
+    label: "Midnight",
+    description: "Chrome with steel-blue refractions",
+    colors: ["#94A3B8", "#060A14", "#F3F5FA"]
+  },
   aurora: {
     ...auroraPreset,
     label: "Aurora",
@@ -1966,24 +2148,12 @@ var PRESETS = {
     description: "Warm luxury and elegance",
     colors: ["#E8A598", "#120C0D", "#F4F0EE"]
   },
-  midnight: {
-    ...midnightPreset,
-    label: "Midnight",
-    description: "Chrome with violet refractions",
-    colors: ["#94A3B8", "#050210", "#F5F3FF"]
-  },
   ember: {
     ...emberPreset,
     label: "Ember",
     description: "Earthy terracotta warmth",
     colors: ["#E87B55", "#120E0A", "#F3EFEB"]
   },
-  nirvana: {
-    ...nirvanaPreset,
-    label: "Nirvana",
-    description: "Warm peach waves and rising motes",
-    colors: ["#f23801", "#000000", "#ffffff"]
-  },
   wave: {
     ...wavePreset,
     label: "Waves",
@@ -1996,35 +2166,23 @@ var PRESETS = {
     description: "Lush forest grounding",
     colors: ["#4AA860", "#080F0A", "#EDF3EE"]
   },
-  honey: {
-    ...honeyPreset,
-    label: "Honey",
-    description: "Warm amber optimism",
-    colors: ["#E8A820", "#110E04", "#F5F0E8"]
+  quarry: {
+    ...quarryPreset,
+    label: "Quarry",
+    description: "Gunmetal stone editorial",
+    colors: ["#A5ACB5", "#07080A", "#F1F3F5"]
   },
-  "cyber-volt": {
-    ...cyberVoltPreset,
-    label: "Cyber-Volt",
-    description: "Neon-soaked sci-fi interface",
-    colors: ["#00E5FF", "#0A0E14", "#E8EDF2"]
-  },
-  "cyber-void": {
-    ...cyberVoidPreset,
-    label: "Cyber-Void",
-    description: "Cold synthetic digital depths",
-    colors: ["#2979FF", "#0A0D14", "#E8ECF2"]
-  },
-  "cyber-punk": {
-    ...cyberPunkPreset,
-    label: "Cyber-Punk",
-    description: "High-voltage violet neon",
-    colors: ["#7C4DFF", "#0E0A1E", "#E9E6F2"]
+  nirvana: {
+    ...nirvanaPreset,
+    label: "Nirvana",
+    description: "Warm peach waves and rising motes",
+    colors: ["#f23801", "#000000", "#ffffff"]
   },
-  "cyber-strike": {
-    ...cyberStrikePreset,
-    label: "Cyber-Strike",
-    description: "Aggressive dystopian neon",
-    colors: ["#FF1744", "#140A0C", "#F2E8EA"]
+  cortex: {
+    ...cortexPreset,
+    label: "Cortex",
+    description: "Azure cortical constellation",
+    colors: ["#60A5FA", "#02050E", "#F0F6FF"]
   },
   synapse: {
     ...synapsePreset,
@@ -2032,12 +2190,6 @@ var PRESETS = {
     description: "Cyan neural constellation",
     colors: ["#0EB5CC", "#020305", "#F0FAFB"]
   },
-  cortex: {
-    ...cortexPreset,
-    label: "Cortex",
-    description: "Azure cortical constellation",
-    colors: ["#60A5FA", "#02050E", "#F0F6FF"]
-  },
   graphite: {
     ...graphitePreset,
     label: "Graphite",
@@ -2049,7 +2201,37 @@ var PRESETS = {
     label: "Helios",
     description: "Golden stellar network",
     colors: ["#FBBF24", "#0C0702", "#FFFBF0"]
+  },
+  "cyber-void": {
+    ...cyberVoidPreset,
+    label: "Cyber-Void",
+    description: "Cold synthetic digital depths",
+    colors: ["#2979FF", "#0A0D14", "#E8ECF2"]
+  },
+  "cyber-volt": {
+    ...cyberVoltPreset,
+    label: "Cyber-Volt",
+    description: "Neon-soaked sci-fi interface",
+    colors: ["#00E5FF", "#0A0E14", "#E8EDF2"]
+  },
+  "cyber-chrome": {
+    ...cyberChromePreset,
+    label: "Cyber-Chrome",
+    description: "Polished slate machined alloy",
+    colors: ["#94A3B8", "#010204", "#F1F3F5"]
+  },
+  "cyber-strike": {
+    ...cyberStrikePreset,
+    label: "Cyber-Strike",
+    description: "Aggressive dystopian neon",
+    colors: ["#FF1744", "#140A0C", "#F2E8EA"]
   }
+  // honey: {
+  //   ...honeyPreset,
+  //   label: 'Honey',
+  //   description: 'Warm amber optimism',
+  //   colors: ['#E8A820', '#110E04', '#F5F0E8']
+  // }
   // canyon: {
   //   ...canyonPreset,
   //   label: 'Canyon',
@@ -2175,7 +2357,17 @@ var componentThemes = {
   Button: Button.extend({
     styles: {
       root: {
-        transition: `all var(--duration-fast) var(--easing)`
+        transition: `all var(--duration-fast) var(--easing)`,
+        '&[data-variant="default"]': {
+          backgroundColor: "var(--color-surface)",
+          backdropFilter: "var(--glass-blur)",
+          WebkitBackdropFilter: "var(--glass-blur)",
+          border: "1px solid var(--color-border)",
+          color: "var(--color-text)"
+        },
+        '&[data-variant="default"]:hover': {
+          backgroundColor: "var(--color-surface-hover)"
+        }
       }
     }
   }),