@egen-civitas/esm-app-shell 1.0.0

package/dist/themes/theme.default.json

@@ -0,0 +1,627 @@
+{
+  "priority": 1,
+  "meta": {
+    "name": "EGEN Default — Translucent",
+    "version": "1.0.0",
+    "author": "EGEN / CIVITAS",
+    "description": "Thème par défaut du framework EGEN : surfaces translucides avec flou d'arrière-plan (style « glassmorphism »). Le schéma sous-jacent est générique — un thème « plat » peut réutiliser les mêmes clés en posant simplement backdropFilter à \"none\" et des fonds opaques.",
+    "tenantId": "default",
+    "createdAt": "2026-01-01T00:00:00Z",
+    "updatedAt": "2026-06-01T00:00:00Z"
+  },
+  "colors": {
+    "primary": {
+      "50": "#eef2ff",
+      "100": "#e0e7ff",
+      "200": "#c7d2fe",
+      "300": "#a5b4fc",
+      "400": "#818cf8",
+      "500": "#6366f1",
+      "600": "#4f46e5",
+      "700": "#4338ca",
+      "800": "#3730a3",
+      "900": "#312e81",
+      "950": "#1e1b4b"
+    },
+    "secondary": {
+      "50": "#fdf4ff",
+      "100": "#fae8ff",
+      "200": "#f5d0fe",
+      "300": "#f0abfc",
+      "400": "#e879f9",
+      "500": "#d946ef",
+      "600": "#c026d3",
+      "700": "#a21caf",
+      "800": "#86198f",
+      "900": "#701a75",
+      "950": "#4a044e"
+    },
+    "neutral": {
+      "50": "#f8fafc",
+      "100": "#f1f5f9",
+      "200": "#e2e8f0",
+      "300": "#cbd5e1",
+      "400": "#94a3b8",
+      "500": "#64748b",
+      "600": "#475569",
+      "700": "#334155",
+      "800": "#1e293b",
+      "900": "#0f172a",
+      "950": "#020617"
+    },
+    "success": {
+      "50": "#f0fdf4",
+      "100": "#dcfce7",
+      "200": "#bbf7d0",
+      "300": "#86efac",
+      "400": "#4ade80",
+      "500": "#22c55e",
+      "600": "#16a34a",
+      "700": "#15803d",
+      "800": "#166534",
+      "900": "#14532d",
+      "950": "#052e16"
+    },
+    "warning": {
+      "50": "#fffbeb",
+      "100": "#fef3c7",
+      "200": "#fde68a",
+      "300": "#fcd34d",
+      "400": "#fbbf24",
+      "500": "#f59e0b",
+      "600": "#d97706",
+      "700": "#b45309",
+      "800": "#92400e",
+      "900": "#78350f",
+      "950": "#451a03"
+    },
+    "error": {
+      "50": "#fef2f2",
+      "100": "#fee2e2",
+      "200": "#fecaca",
+      "300": "#fca5a5",
+      "400": "#f87171",
+      "500": "#ef4444",
+      "600": "#dc2626",
+      "700": "#b91c1c",
+      "800": "#991b1b",
+      "900": "#7f1d1d",
+      "950": "#450a0a"
+    },
+    "info": {
+      "50": "#eff6ff",
+      "100": "#dbeafe",
+      "200": "#bfdbfe",
+      "300": "#93c5fd",
+      "400": "#60a5fa",
+      "500": "#3b82f6",
+      "600": "#2563eb",
+      "700": "#1d4ed8",
+      "800": "#1e40af",
+      "900": "#1e3a8a",
+      "950": "#172554"
+    },
+    "onPrimary": "#ffffff",
+    "onSecondary": "#ffffff",
+    "surface": {
+      "light": {
+        "background": "rgba(248, 250, 252, 0.85)",
+        "foreground": "#0f172a",
+        "card": "rgba(255, 255, 255, 0.72)",
+        "cardForeground": "#0f172a",
+        "popover": "rgba(255, 255, 255, 0.90)",
+        "popoverForeground": "#0f172a",
+        "muted": "rgba(241, 245, 249, 0.80)",
+        "mutedForeground": "#64748b",
+        "accent": "rgba(238, 242, 255, 0.80)",
+        "accentForeground": "#312e81",
+        "sidebar": "rgba(255, 255, 255, 0.65)",
+        "sidebarForeground": "#1e293b",
+        "header": "rgba(255, 255, 255, 0.75)",
+        "headerForeground": "#0f172a",
+        "overlay": "rgba(15, 23, 42, 0.45)",
+        "skeleton": "rgba(203, 213, 225, 0.60)",
+        "destructive": "#ef4444",
+        "destructiveForeground": "#fafafa",
+        "translucent": "rgba(255, 255, 255, 0.55)",
+        "translucentBorder": "rgba(255, 255, 255, 0.80)",
+        "translucentHover": "rgba(255, 255, 255, 0.72)"
+      },
+      "dark": {
+        "background": "rgba(9, 9, 18, 0.92)",
+        "foreground": "#f1f5f9",
+        "card": "rgba(15, 23, 42, 0.75)",
+        "cardForeground": "#f1f5f9",
+        "popover": "rgba(15, 23, 42, 0.90)",
+        "popoverForeground": "#f1f5f9",
+        "muted": "rgba(30, 41, 59, 0.80)",
+        "mutedForeground": "#94a3b8",
+        "accent": "rgba(49, 46, 129, 0.50)",
+        "accentForeground": "#e0e7ff",
+        "sidebar": "rgba(9, 9, 18, 0.80)",
+        "sidebarForeground": "#e2e8f0",
+        "header": "rgba(9, 9, 18, 0.78)",
+        "headerForeground": "#f1f5f9",
+        "overlay": "rgba(0, 0, 0, 0.65)",
+        "skeleton": "rgba(30, 41, 59, 0.80)",
+        "destructive": "#7f1d1d",
+        "destructiveForeground": "#fef2f2",
+        "translucent": "rgba(15, 23, 42, 0.60)",
+        "translucentBorder": "rgba(255, 255, 255, 0.08)",
+        "translucentHover": "rgba(30, 41, 59, 0.75)"
+      }
+    },
+    "border": {
+      "light": {
+        "default": "rgba(203, 213, 225, 0.70)",
+        "input": "rgba(148, 163, 184, 0.60)",
+        "ring": "rgba(99, 102, 241, 0.60)",
+        "focus": "rgba(79, 70, 229, 0.80)",
+        "divider": "rgba(226, 232, 240, 0.50)",
+        "translucent": "rgba(255, 255, 255, 0.60)"
+      },
+      "dark": {
+        "default": "rgba(51, 65, 85, 0.70)",
+        "input": "rgba(71, 85, 105, 0.60)",
+        "ring": "rgba(99, 102, 241, 0.60)",
+        "focus": "rgba(129, 140, 248, 0.80)",
+        "divider": "rgba(30, 41, 59, 0.60)",
+        "translucent": "rgba(255, 255, 255, 0.06)"
+      }
+    }
+  },
+  "typography": {
+    "fontFamily": {
+      "sans": [
+        "var(--font-poppins)",
+        "ui-sans-serif",
+        "-apple-system",
+        "BlinkMacSystemFont",
+        "sans-serif"
+      ],
+      "serif": [
+        "var(--font-lora)",
+        "ui-serif",
+        "Georgia",
+        "serif"
+      ],
+      "mono": [
+        "ui-monospace",
+        "SFMono-Regular",
+        "SF Mono",
+        "Menlo",
+        "Consolas",
+        "monospace"
+      ],
+      "heading": [
+        "var(--font-poppins)",
+        "ui-sans-serif",
+        "-apple-system",
+        "sans-serif"
+      ],
+      "body": [
+        "var(--font-poppins)",
+        "ui-sans-serif",
+        "-apple-system",
+        "sans-serif"
+      ]
+    },
+    "fontSize": {
+      "xs": {
+        "size": "0.75rem",
+        "lineHeight": "1rem"
+      },
+      "sm": {
+        "size": "0.875rem",
+        "lineHeight": "1.25rem"
+      },
+      "base": {
+        "size": "1rem",
+        "lineHeight": "1.5rem"
+      },
+      "lg": {
+        "size": "1.125rem",
+        "lineHeight": "1.75rem"
+      },
+      "xl": {
+        "size": "1.25rem",
+        "lineHeight": "1.75rem"
+      },
+      "2xl": {
+        "size": "1.5rem",
+        "lineHeight": "2rem"
+      },
+      "3xl": {
+        "size": "1.875rem",
+        "lineHeight": "2.25rem"
+      },
+      "4xl": {
+        "size": "2.25rem",
+        "lineHeight": "2.5rem"
+      }
+    },
+    "fontWeight": {
+      "light": "300",
+      "normal": "400",
+      "medium": "500",
+      "semibold": "600",
+      "bold": "700",
+      "extrabold": "800"
+    },
+    "scale": {
+      "h1": {
+        "size": "2.25rem",
+        "weight": "700",
+        "lineHeight": "2.5rem",
+        "letterSpacing": "-0.025em"
+      },
+      "h2": {
+        "size": "1.875rem",
+        "weight": "700",
+        "lineHeight": "2.25rem",
+        "letterSpacing": "-0.025em"
+      },
+      "h3": {
+        "size": "1.5rem",
+        "weight": "600",
+        "lineHeight": "2rem",
+        "letterSpacing": "0em"
+      },
+      "h4": {
+        "size": "1.25rem",
+        "weight": "600",
+        "lineHeight": "1.75rem",
+        "letterSpacing": "0em"
+      },
+      "h5": {
+        "size": "1.125rem",
+        "weight": "500",
+        "lineHeight": "1.75rem",
+        "letterSpacing": "0em"
+      },
+      "h6": {
+        "size": "1rem",
+        "weight": "500",
+        "lineHeight": "1.5rem",
+        "letterSpacing": "0em"
+      }
+    }
+  },
+  "layout": {
+    "sidebar": {
+      "width": "260px",
+      "collapsedWidth": "64px",
+      "position": "left",
+      "variant": "glass"
+    },
+    "header": {
+      "height": "64px",
+      "sticky": true,
+      "variant": "glass"
+    },
+    "content": {
+      "maxWidth": "1400px",
+      "paddingX": "1.5rem",
+      "paddingY": "1.5rem",
+      "gridColumns": "12",
+      "gridGap": "1.5rem"
+    },
+    "footer": {
+      "height": "auto",
+      "visible": true
+    },
+    "breakpoints": {
+      "sm": "640px",
+      "md": "768px",
+      "lg": "1024px",
+      "xl": "1280px",
+      "2xl": "1536px"
+    }
+  },
+  "borderRadius": {
+    "none": "0px",
+    "xs": "0.25rem",
+    "sm": "0.5rem",
+    "md": "0.75rem",
+    "lg": "1rem",
+    "xl": "1.25rem",
+    "2xl": "1.5rem",
+    "3xl": "2rem",
+    "4xl": "2.5rem",
+    "full": "9999px"
+  },
+  "shadows": {
+    "none": "none",
+    "xs": "0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03)",
+    "sm": "0 2px 8px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04)",
+    "default": "0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.05)",
+    "md": "0 8px 24px rgba(0,0,0,0.10), 0 3px 8px rgba(0,0,0,0.06)",
+    "lg": "0 16px 40px rgba(0,0,0,0.12), 0 6px 12px rgba(0,0,0,0.07)",
+    "xl": "0 24px 64px rgba(0,0,0,0.14), 0 10px 20px rgba(0,0,0,0.08)",
+    "2xl": "0 32px 80px rgba(0,0,0,0.18), 0 16px 32px rgba(0,0,0,0.10)",
+    "inner": "inset 0 2px 6px rgba(0,0,0,0.06)",
+    "glass": "0 8px 32px rgba(0,0,0,0.10), inset 0 1px 0 rgba(255,255,255,0.80)",
+    "glassLg": "0 20px 60px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.90)",
+    "colored": "0 8px 24px rgba(99,102,241,0.30)",
+    "primary": "0 4px 20px rgba(99,102,241,0.35), 0 2px 8px rgba(99,102,241,0.20)",
+    "glow": "0 0 24px rgba(99,102,241,0.40), 0 0 48px rgba(99,102,241,0.15)"
+  },
+  "animation": {
+    "duration": {
+      "instant": "50ms",
+      "fast": "100ms",
+      "normal": "200ms",
+      "moderate": "300ms",
+      "slow": "500ms",
+      "slower": "700ms",
+      "slowest": "1000ms"
+    },
+    "easing": {
+      "linear": "linear",
+      "in": "cubic-bezier(0.4, 0, 1, 1)",
+      "out": "cubic-bezier(0, 0, 0.2, 1)",
+      "inOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+      "bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+      "smooth": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+      "apple": "cubic-bezier(0.42, 0, 0.18, 1.00)"
+    }
+  },
+  "transitions": {
+    "default": "all 200ms cubic-bezier(0.42, 0, 0.18, 1)",
+    "fast": "all 100ms cubic-bezier(0.42, 0, 0.18, 1)",
+    "slow": "all 350ms cubic-bezier(0.42, 0, 0.18, 1)",
+    "glass": "background 200ms ease, backdrop-filter 200ms ease, border-color 200ms ease, box-shadow 200ms ease",
+    "colors": "color 150ms ease, background-color 200ms ease, border-color 200ms ease",
+    "transform": "transform 200ms cubic-bezier(0.42, 0, 0.18, 1)",
+    "opacity": "opacity 180ms ease",
+    "shadow": "box-shadow 200ms ease",
+    "sidebar": "width 280ms cubic-bezier(0.42, 0, 0.18, 1), transform 280ms cubic-bezier(0.42, 0, 0.18, 1)",
+    "overlay": "opacity 200ms ease, visibility 200ms ease"
+  },
+  "effects": {
+    "blur": {
+      "none": "0px",
+      "xs": "4px",
+      "sm": "8px",
+      "md": "16px",
+      "lg": "24px",
+      "xl": "40px",
+      "2xl": "64px",
+      "3xl": "80px"
+    },
+    "saturate": {
+      "none": "100%",
+      "low": "140%",
+      "medium": "180%",
+      "high": "200%",
+      "ultra": "220%"
+    },
+    "glass": {
+      "cos": "0",
+      "sin": "0",
+      "rimIntensity": "0.6",
+      "rimGradient": "none",
+      "lightAngle": "0deg",
+      "specularBackground": "color-mix(in srgb, white 25%, transparent)",
+      "specularBackdropFilter": "blur(2px) saturate(180%) brightness(1.05)",
+      "specularBackdropFilterWebkit": "blur(1px) saturate(180%) brightness(1.05)",
+      "specularHighlight": "radial-gradient(circle at calc(50% - var(--effects-glass-cos) * 50%) calc(50% - var(--effects-glass-sin) * 50%), rgba(255,255,255,0.2) 0%, transparent 60%)",
+      "bevelShadowLight": "inset 0 0 0 1px color-mix(in srgb, white calc(var(--effects-glass-rim-intensity) * 20%), transparent), inset calc(var(--effects-glass-cos) * 1.8px) calc(var(--effects-glass-sin) * 3px) 0px -2px color-mix(in srgb, white calc(var(--effects-glass-rim-intensity) * 90%), transparent), inset calc(var(--effects-glass-cos) * -2px) calc(var(--effects-glass-sin) * -2px) 0px -2px color-mix(in srgb, white calc(var(--effects-glass-rim-intensity) * 80%), transparent), inset calc(var(--effects-glass-cos) * -3px) calc(var(--effects-glass-sin) * -8px) 1px -6px color-mix(in srgb, white calc(var(--effects-glass-rim-intensity) * 60%), transparent)",
+      "bevelShadowDark": "inset calc(var(--effects-glass-cos) * -0.3px) calc(var(--effects-glass-sin) * -1px) 4px 0px color-mix(in srgb, black 12%, transparent), inset calc(var(--effects-glass-cos) * -1.5px) calc(var(--effects-glass-sin) * 2.5px) 0px -2px color-mix(in srgb, black 20%, transparent), inset calc(var(--effects-glass-cos) * 0px) calc(var(--effects-glass-sin) * 3px) 4px -2px color-mix(in srgb, black 20%, transparent), inset calc(var(--effects-glass-cos) * 2px) calc(var(--effects-glass-sin) * -6.5px) 1px -4px color-mix(in srgb, black 10%, transparent)",
+      "bevelShadowOuter": "calc(var(--effects-glass-cos) * 4px) calc(var(--effects-glass-sin) * 4px) 10px 0px color-mix(in srgb, black 15%, transparent), calc(var(--effects-glass-cos) * 9px) calc(var(--effects-glass-sin) * 9px) 18px 0px color-mix(in srgb, black 10%, transparent)",
+      "rimOpacity": "calc(0.62 + var(--effects-glass-rim-intensity) * 0.24)"
+    }
+  },
+  "zIndex": {
+    "hide": "-1",
+    "base": "0",
+    "raised": "10",
+    "dropdown": "100",
+    "sticky": "200",
+    "overlay": "300",
+    "modal": "400",
+    "popover": "500",
+    "toast": "600",
+    "tooltip": "700",
+    "top": "9999"
+  },
+  "icons": {
+    "library": "lucide",
+    "strokeWidth": "1.5",
+    "size": {
+      "xs": "12px",
+      "sm": "16px",
+      "md": "20px",
+      "lg": "24px",
+      "xl": "32px",
+      "2xl": "48px"
+    }
+  },
+  "panel": {
+    "light": {
+      "xs": {
+        "background": "rgba(255, 255, 255, 0.45)",
+        "backdropFilter": "blur(8px) saturate(160%)",
+        "border": "1px solid rgba(255, 255, 255, 0.65)",
+        "boxShadow": "0 2px 8px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.80)"
+      },
+      "sm": {
+        "background": "rgba(255, 255, 255, 0.55)",
+        "backdropFilter": "blur(12px) saturate(180%)",
+        "border": "1px solid rgba(255, 255, 255, 0.72)",
+        "boxShadow": "0 4px 16px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.90)"
+      },
+      "md": {
+        "background": "rgba(255, 255, 255, 0.65)",
+        "backdropFilter": "blur(20px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.78)",
+        "boxShadow": "0 8px 32px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 1.0)"
+      },
+      "lg": {
+        "background": "rgba(255, 255, 255, 0.72)",
+        "backdropFilter": "blur(32px) saturate(220%)",
+        "border": "1px solid rgba(255, 255, 255, 0.82)",
+        "boxShadow": "0 12px 48px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 1.0)"
+      },
+      "xl": {
+        "background": "rgba(255, 255, 255, 0.80)",
+        "backdropFilter": "blur(48px) saturate(240%)",
+        "border": "1px solid rgba(255, 255, 255, 0.88)",
+        "boxShadow": "0 20px 64px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 1.0)"
+      },
+      "sidebar": {
+        "background": "rgba(255, 255, 255, 0.68)",
+        "backdropFilter": "blur(40px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.75)",
+        "boxShadow": "2px 0 24px rgba(0, 0, 0, 0.08), inset -1px 0 0 rgba(255, 255, 255, 0.80)"
+      },
+      "header": {
+        "background": "rgba(255, 255, 255, 0.78)",
+        "backdropFilter": "blur(40px) saturate(200%)",
+        "border": "0 1px 0 rgba(203, 213, 225, 0.50)",
+        "boxShadow": "0 1px 16px rgba(0, 0, 0, 0.06)"
+      },
+      "modal": {
+        "background": "rgba(255, 255, 255, 0.82)",
+        "backdropFilter": "blur(48px) saturate(220%)",
+        "border": "1px solid rgba(255, 255, 255, 0.88)",
+        "boxShadow": "0 24px 80px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1.0)"
+      },
+      "card": {
+        "background": "rgba(255, 255, 255, 0.60)",
+        "backdropFilter": "blur(20px) saturate(180%)",
+        "border": "1px solid rgba(255, 255, 255, 0.72)",
+        "boxShadow": "0 4px 20px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.90)"
+      },
+      "dropdown": {
+        "background": "rgba(255, 255, 255, 0.88)",
+        "backdropFilter": "blur(24px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.80)",
+        "boxShadow": "0 8px 32px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0,0,0,0.04)"
+      },
+      "toast": {
+        "background": "rgba(255, 255, 255, 0.90)",
+        "backdropFilter": "blur(24px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.82)",
+        "boxShadow": "0 12px 40px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 1.0)"
+      },
+      "tooltip": {
+        "background": "rgba(15, 23, 42, 0.92)",
+        "backdropFilter": "blur(12px) saturate(180%)",
+        "border": "1px solid rgba(255, 255, 255, 0.10)",
+        "boxShadow": "0 4px 16px rgba(0, 0, 0, 0.18)"
+      },
+      "popover": {
+        "background": "rgba(255, 255, 255, 0.92)",
+        "backdropFilter": "blur(24px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.85)",
+        "boxShadow": "0 8px 32px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0,0,0,0.04)"
+      },
+      "input": {
+        "background": "rgba(255, 255, 255, 0.55)",
+        "backdropFilter": "blur(12px) saturate(160%)",
+        "border": "1px solid rgba(148, 163, 184, 0.60)",
+        "boxShadow": "none"
+      },
+      "overlay": {
+        "background": "rgba(15, 23, 42, 0.45)",
+        "backdropFilter": "blur(12px) saturate(180%)",
+        "border": "none",
+        "boxShadow": "none"
+      }
+    },
+    "dark": {
+      "xs": {
+        "background": "rgba(15, 23, 42, 0.50)",
+        "backdropFilter": "blur(8px) saturate(160%)",
+        "border": "1px solid rgba(255, 255, 255, 0.06)",
+        "boxShadow": "0 2px 8px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04)"
+      },
+      "sm": {
+        "background": "rgba(15, 23, 42, 0.60)",
+        "backdropFilter": "blur(12px) saturate(180%)",
+        "border": "1px solid rgba(255, 255, 255, 0.08)",
+        "boxShadow": "0 4px 16px rgba(0, 0, 0, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.06)"
+      },
+      "md": {
+        "background": "rgba(15, 23, 42, 0.70)",
+        "backdropFilter": "blur(20px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.10)",
+        "boxShadow": "0 8px 32px rgba(0, 0, 0, 0.50), inset 0 1px 0 rgba(255, 255, 255, 0.08)"
+      },
+      "lg": {
+        "background": "rgba(15, 23, 42, 0.78)",
+        "backdropFilter": "blur(32px) saturate(220%)",
+        "border": "1px solid rgba(255, 255, 255, 0.12)",
+        "boxShadow": "0 12px 48px rgba(0, 0, 0, 0.60), inset 0 1px 0 rgba(255, 255, 255, 0.10)"
+      },
+      "xl": {
+        "background": "rgba(9, 9, 18, 0.85)",
+        "backdropFilter": "blur(48px) saturate(240%)",
+        "border": "1px solid rgba(255, 255, 255, 0.14)",
+        "boxShadow": "0 20px 64px rgba(0, 0, 0, 0.70), inset 0 1px 0 rgba(255, 255, 255, 0.12)"
+      },
+      "sidebar": {
+        "background": "rgba(9, 9, 18, 0.82)",
+        "backdropFilter": "blur(40px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.06)",
+        "boxShadow": "2px 0 24px rgba(0, 0, 0, 0.50), inset -1px 0 0 rgba(255, 255, 255, 0.04)"
+      },
+      "header": {
+        "background": "rgba(9, 9, 18, 0.80)",
+        "backdropFilter": "blur(40px) saturate(200%)",
+        "border": "0 1px 0 rgba(51, 65, 85, 0.60)",
+        "boxShadow": "0 1px 16px rgba(0, 0, 0, 0.30)"
+      },
+      "modal": {
+        "background": "rgba(15, 23, 42, 0.82)",
+        "backdropFilter": "blur(48px) saturate(220%)",
+        "border": "1px solid rgba(255, 255, 255, 0.12)",
+        "boxShadow": "0 24px 80px rgba(0, 0, 0, 0.70), inset 0 1px 0 rgba(255, 255, 255, 0.08)"
+      },
+      "card": {
+        "background": "rgba(15, 23, 42, 0.65)",
+        "backdropFilter": "blur(20px) saturate(180%)",
+        "border": "1px solid rgba(255, 255, 255, 0.08)",
+        "boxShadow": "0 4px 20px rgba(0, 0, 0, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.05)"
+      },
+      "dropdown": {
+        "background": "rgba(15, 23, 42, 0.90)",
+        "backdropFilter": "blur(24px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.10)",
+        "boxShadow": "0 8px 32px rgba(0, 0, 0, 0.60), 0 0 0 1px rgba(255,255,255,0.04)"
+      },
+      "toast": {
+        "background": "rgba(15, 23, 42, 0.92)",
+        "backdropFilter": "blur(24px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.10)",
+        "boxShadow": "0 12px 40px rgba(0, 0, 0, 0.60), inset 0 1px 0 rgba(255, 255, 255, 0.06)"
+      },
+      "tooltip": {
+        "background": "rgba(9, 9, 18, 0.95)",
+        "backdropFilter": "blur(12px) saturate(180%)",
+        "border": "1px solid rgba(255, 255, 255, 0.10)",
+        "boxShadow": "0 4px 16px rgba(0, 0, 0, 0.40)"
+      },
+      "popover": {
+        "background": "rgba(15, 23, 42, 0.92)",
+        "backdropFilter": "blur(24px) saturate(200%)",
+        "border": "1px solid rgba(255, 255, 255, 0.10)",
+        "boxShadow": "0 8px 32px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255,255,255,0.04)"
+      },
+      "input": {
+        "background": "rgba(15, 23, 42, 0.60)",
+        "backdropFilter": "blur(12px) saturate(160%)",
+        "border": "1px solid rgba(71, 85, 105, 0.60)",
+        "boxShadow": "none"
+      },
+      "overlay": {
+        "background": "rgba(0, 0, 0, 0.65)",
+        "backdropFilter": "blur(12px) saturate(180%)",
+        "border": "none",
+        "boxShadow": "none"
+      }
+    }
+  }
+}