@tenerife.music/ui 1.0.16 → 1.1.0

package/dist/theme/index.cjs

@@ -121,1071 +121,7 @@ var init_default = __esm({
   }
 });
 
-// src/themes/minimal.ts
-var minimalBrand = {
-  id: "minimal",
-  name: "Minimal",
-  description: "Clean, minimal brand theme with muted colors, light typography, and compact spacing",
-  namespace: "minimal",
-  version: "1.0.0",
-  author: "Tenerife UI",
-  themes: [
-    {
-      id: "minimal-day",
-      name: "Minimal Day",
-      description: "Light minimal theme with grayscale colors and subtle accents",
-      mode: "day",
-      overrides: {
-        name: "minimal-day",
-        description: "Light minimal theme for day mode",
-        // Muted, low-saturation color overrides
-        primaryColors: {
-          400: "0 0% 60%",
-          // Muted gray
-          500: "0 0% 50%",
-          // Neutral gray (#808080)
-          600: "0 0% 40%",
-          700: "0 0% 30%"
-        },
-        accentColors: {
-          400: "210 20% 70%",
-          // Muted blue-gray
-          500: "210 20% 60%",
-          // Subtle blue-gray
-          600: "210 20% 50%",
-          700: "210 20% 40%"
-        },
-        secondaryColors: {
-          400: "0 0% 70%",
-          // Light gray
-          500: "0 0% 65%",
-          // Neutral light gray
-          600: "0 0% 55%",
-          700: "0 0% 45%"
-        },
-        // Muted base colors for day mode
-        baseColorsDay: {
-          primary: "0 0% 50%",
-          // Neutral gray
-          primaryForeground: "0 0% 100%",
-          secondary: "0 0% 96%",
-          // Very light gray
-          secondaryForeground: "0 0% 20%",
-          accent: "210 20% 60%",
-          // Subtle blue-gray
-          accentForeground: "0 0% 100%"
-        },
-        // Subtle semantic colors
-        semanticColorsDay: {
-          success: "140 30% 45%",
-          // Muted green
-          info: "210 30% 50%",
-          // Muted blue
-          warning: "40 30% 50%",
-          // Muted orange
-          error: "0 40% 55%"
-          // Muted red
-        },
-        // Typography overrides - lighter and smaller
-        typography: {
-          fontWeight: {
-            normal: "400",
-            // Normal weight
-            medium: "500",
-            semibold: "600",
-            // Lighter than default
-            bold: "700"
-            // Standard bold
-          },
-          fontSize: {
-            xs: [
-              "clamp(0.6875rem, 0.65rem + 0.125vw, 0.75rem)",
-              { lineHeight: "1rem", letterSpacing: "0.05em" }
-            ],
-            // Smaller
-            sm: [
-              "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)",
-              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
-            ],
-            // Smaller
-            base: [
-              "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)",
-              { lineHeight: "1.5rem", letterSpacing: "0em" }
-            ],
-            // Smaller
-            lg: [
-              "clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ],
-            // Smaller
-            xl: [
-              "clamp(1.1875rem, 1rem + 0.75vw, 1.375rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ]
-            // Smaller
-          }
-        },
-        // Spacing overrides - compact spacing for tight layout
-        spacing: {
-          semanticSpacing: {
-            xs: "0.125rem",
-            // 2px (was 4px)
-            sm: "0.25rem",
-            // 4px (was 8px)
-            md: "0.5rem",
-            // 8px (was 16px)
-            lg: "0.75rem",
-            // 12px (was 24px)
-            xl: "1rem",
-            // 16px (was 32px)
-            "2xl": "1.5rem"
-            // 24px (was 48px)
-          }
-        },
-        // Shadow overrides - subtle and minimal
-        shadows: {
-          elevationShadows: {
-            xs: "0 1px 1px 0 rgb(0 0 0 / 0.03)",
-            sm: "0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 1px -1px rgb(0 0 0 / 0.05)",
-            md: "0 2px 4px -1px rgb(0 0 0 / 0.05), 0 1px 2px -2px rgb(0 0 0 / 0.05)",
-            lg: "0 4px 8px -2px rgb(0 0 0 / 0.05), 0 2px 4px -3px rgb(0 0 0 / 0.05)",
-            xl: "0 8px 12px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05)"
-          },
-          glowEffects: {
-            "glow-primary": "0 0 8px 0 hsl(0 0% 50% / 0.2)",
-            "glow-primary-subtle": "0 0 4px 0 hsl(0 0% 50% / 0.15)",
-            "glow-primary-medium": "0 0 8px 0 hsl(0 0% 50% / 0.25)",
-            "glow-primary-strong": "0 0 12px 0 hsl(0 0% 50% / 0.3)"
-          }
-        },
-        // Radius overrides - smaller, sharper corners
-        radius: {
-          borderRadius: {
-            xs: "0.0625rem",
-            // 1px
-            sm: "0.125rem",
-            // 2px (was 4px)
-            md: "0.1875rem",
-            // 3px (was 6px)
-            lg: "0.25rem",
-            // 4px (was 8px)
-            xl: "0.375rem",
-            // 6px (was 12px)
-            "2xl": "0.5rem"
-            // 8px (was 16px)
-          },
-          componentRadius: {
-            button: {
-              sm: "0.125rem",
-              // 2px
-              md: "0.1875rem",
-              // 3px
-              lg: "0.25rem"
-              // 4px
-            },
-            card: {
-              sm: "0.1875rem",
-              // 3px
-              md: "0.25rem",
-              // 4px
-              lg: "0.375rem",
-              // 6px
-              xl: "0.5rem"
-              // 8px
-            },
-            input: {
-              sm: "0.125rem",
-              // 2px
-              md: "0.1875rem",
-              // 3px
-              lg: "0.25rem"
-              // 4px
-            },
-            badge: {
-              sm: "0.0625rem",
-              // 1px
-              md: "0.125rem",
-              // 2px
-              lg: "0.1875rem"
-              // 3px
-            }
-          }
-        }
-      }
-    },
-    {
-      id: "minimal-night",
-      name: "Minimal Night",
-      description: "Dark minimal theme with muted grayscale colors",
-      mode: "night",
-      overrides: {
-        name: "minimal-night",
-        description: "Dark minimal theme for night mode",
-        // Muted colors for night mode (slightly lighter than day for contrast)
-        primaryColors: {
-          400: "0 0% 65%",
-          // Lighter gray for night
-          500: "0 0% 55%",
-          // Neutral gray
-          600: "0 0% 45%",
-          700: "0 0% 35%"
-        },
-        accentColors: {
-          400: "210 20% 75%",
-          // Lighter blue-gray
-          500: "210 20% 65%",
-          // Subtle blue-gray
-          600: "210 20% 55%",
-          700: "210 20% 45%"
-        },
-        secondaryColors: {
-          400: "0 0% 75%",
-          // Light gray
-          500: "0 0% 70%",
-          // Neutral light gray
-          600: "0 0% 60%",
-          700: "0 0% 50%"
-        },
-        // Darker base colors for night mode
-        baseColorsNight: {
-          background: "240 10% 8%",
-          // Dark gray background
-          foreground: "0 0% 95%",
-          card: "240 10% 10%",
-          cardForeground: "0 0% 95%"
-        },
-        surfaceColorsNight: {
-          base: "240 10% 8%",
-          elevated1: "240 10% 10%",
-          elevated2: "240 10% 12%",
-          elevated3: "240 10% 14%"
-        },
-        // Subtle semantic colors for night
-        semanticColorsNight: {
-          success: "140 30% 50%",
-          // Muted green
-          info: "210 30% 55%",
-          // Muted blue
-          warning: "40 30% 55%",
-          // Muted orange
-          error: "0 40% 60%"
-          // Muted red
-        },
-        // Typography overrides - same as day
-        typography: {
-          fontWeight: {
-            normal: "400",
-            medium: "500",
-            semibold: "600",
-            bold: "700"
-          },
-          fontSize: {
-            xs: [
-              "clamp(0.6875rem, 0.65rem + 0.125vw, 0.75rem)",
-              { lineHeight: "1rem", letterSpacing: "0.05em" }
-            ],
-            sm: [
-              "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)",
-              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
-            ],
-            base: [
-              "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)",
-              { lineHeight: "1.5rem", letterSpacing: "0em" }
-            ],
-            lg: [
-              "clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ],
-            xl: [
-              "clamp(1.1875rem, 1rem + 0.75vw, 1.375rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ]
-          }
-        },
-        // Spacing overrides - same as day
-        spacing: {
-          semanticSpacing: {
-            xs: "0.125rem",
-            sm: "0.25rem",
-            md: "0.5rem",
-            lg: "0.75rem",
-            xl: "1rem",
-            "2xl": "1.5rem"
-          }
-        },
-        // Shadow overrides - subtle for night
-        shadows: {
-          elevationShadows: {
-            xs: "0 1px 2px 0 rgb(0 0 0 / 0.15)",
-            sm: "0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2)",
-            md: "0 2px 5px -1px rgb(0 0 0 / 0.2), 0 1px 3px -2px rgb(0 0 0 / 0.2)",
-            lg: "0 4px 10px -2px rgb(0 0 0 / 0.2), 0 2px 5px -3px rgb(0 0 0 / 0.2)",
-            xl: "0 8px 15px -3px rgb(0 0 0 / 0.2), 0 4px 8px -4px rgb(0 0 0 / 0.2)"
-          },
-          glowEffects: {
-            "glow-primary": "0 0 8px 0 hsl(0 0% 55% / 0.25)",
-            "glow-primary-subtle": "0 0 4px 0 hsl(0 0% 55% / 0.2)",
-            "glow-primary-medium": "0 0 8px 0 hsl(0 0% 55% / 0.3)",
-            "glow-primary-strong": "0 0 12px 0 hsl(0 0% 55% / 0.35)"
-          }
-        },
-        // Radius overrides - same as day
-        radius: {
-          borderRadius: {
-            xs: "0.0625rem",
-            sm: "0.125rem",
-            md: "0.1875rem",
-            lg: "0.25rem",
-            xl: "0.375rem",
-            "2xl": "0.5rem"
-          },
-          componentRadius: {
-            button: {
-              sm: "0.125rem",
-              md: "0.1875rem",
-              lg: "0.25rem"
-            },
-            card: {
-              sm: "0.1875rem",
-              md: "0.25rem",
-              lg: "0.375rem",
-              xl: "0.5rem"
-            },
-            input: {
-              sm: "0.125rem",
-              md: "0.1875rem",
-              lg: "0.25rem"
-            },
-            badge: {
-              sm: "0.0625rem",
-              md: "0.125rem",
-              lg: "0.1875rem"
-            }
-          }
-        }
-      }
-    }
-  ]
-};
-
-// src/themes/neon.ts
-var neonBrand = {
-  id: "neon",
-  name: "Neon",
-  description: "Vibrant brand theme with high-saturation neon colors, bold typography, and enhanced visual effects",
-  namespace: "neon",
-  version: "1.0.0",
-  author: "Tenerife UI",
-  themes: [
-    {
-      id: "neon-day",
-      name: "Neon Day",
-      description: "Bright neon theme for day mode with vibrant cyan, magenta, and yellow accents",
-      mode: "day",
-      overrides: {
-        name: "neon-day",
-        description: "Bright neon theme for day mode",
-        // Vibrant neon color overrides
-        primaryColors: {
-          400: "180 100% 50%",
-          // Bright cyan
-          500: "180 100% 45%",
-          // Vibrant cyan (#00e6ff)
-          600: "180 95% 40%",
-          700: "180 90% 35%"
-        },
-        accentColors: {
-          400: "320 100% 60%",
-          // Bright magenta
-          500: "320 100% 55%",
-          // Vibrant magenta (#ff00cc)
-          600: "320 95% 50%",
-          700: "320 90% 45%"
-        },
-        secondaryColors: {
-          400: "60 100% 60%",
-          // Bright yellow
-          500: "60 100% 55%",
-          // Vibrant yellow (#ffff00)
-          600: "60 95% 50%",
-          700: "60 90% 45%"
-        },
-        // Enhanced base colors for day mode
-        baseColorsDay: {
-          primary: "180 100% 45%",
-          // Neon cyan
-          primaryForeground: "0 0% 100%",
-          accent: "320 100% 55%",
-          // Neon magenta
-          accentForeground: "0 0% 100%"
-        },
-        // Semantic colors with neon accents
-        semanticColorsDay: {
-          success: "145 80% 45%",
-          // Neon green
-          info: "180 100% 45%",
-          // Neon cyan
-          warning: "60 100% 55%",
-          // Neon yellow
-          error: "0 100% 60%"
-          // Bright red
-        },
-        // Typography overrides - bolder and larger
-        typography: {
-          fontWeight: {
-            normal: "500",
-            // Heavier than default (400)
-            medium: "600",
-            // Heavier
-            semibold: "700",
-            // Bold
-            bold: "800"
-            // Extra bold
-          },
-          fontSize: {
-            xs: [
-              "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
-              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
-            ],
-            // Larger than default
-            sm: [
-              "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)",
-              { lineHeight: "1.5rem", letterSpacing: "0em" }
-            ],
-            // Larger
-            base: [
-              "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ],
-            // Larger
-            lg: [
-              "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ],
-            // Larger
-            xl: [
-              "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
-              { lineHeight: "2rem", letterSpacing: "-0.05em" }
-            ]
-            // Larger
-          }
-        },
-        // Spacing overrides - larger spacing for breathing room
-        spacing: {
-          semanticSpacing: {
-            xs: "0.5rem",
-            // 8px (was 4px)
-            sm: "1rem",
-            // 16px (was 8px)
-            md: "1.5rem",
-            // 24px (was 16px)
-            lg: "2rem",
-            // 32px (was 24px)
-            xl: "3rem",
-            // 48px (was 32px)
-            "2xl": "4rem"
-            // 64px (was 48px)
-          }
-        },
-        // Shadow overrides - stronger and more prominent
-        shadows: {
-          elevationShadows: {
-            xs: "0 2px 4px 0 rgb(0 0 0 / 0.1)",
-            sm: "0 2px 6px 0 rgb(0 0 0 / 0.15), 0 2px 4px -1px rgb(0 0 0 / 0.15)",
-            md: "0 6px 10px -1px rgb(0 0 0 / 0.15), 0 4px 6px -2px rgb(0 0 0 / 0.15)",
-            lg: "0 12px 20px -3px rgb(0 0 0 / 0.15), 0 6px 10px -4px rgb(0 0 0 / 0.15)",
-            xl: "0 24px 32px -5px rgb(0 0 0 / 0.15), 0 10px 14px -6px rgb(0 0 0 / 0.15)"
-          },
-          glowEffects: {
-            "glow-primary": "0 0 30px 0 hsl(180 100% 45% / 0.7), 0 0 60px 0 hsl(180 100% 45% / 0.4)",
-            "glow-primary-subtle": "0 0 12px 0 hsl(180 100% 45% / 0.5)",
-            "glow-primary-medium": "0 0 24px 0 hsl(180 100% 45% / 0.7)",
-            "glow-primary-strong": "0 0 36px 0 hsl(180 100% 45% / 0.8)",
-            "glow-accent": "0 0 30px 0 hsl(320 100% 55% / 0.7), 0 0 60px 0 hsl(320 100% 55% / 0.4)",
-            "glow-accent-subtle": "0 0 12px 0 hsl(320 100% 55% / 0.5)",
-            "glow-accent-medium": "0 0 24px 0 hsl(320 100% 55% / 0.7)",
-            "glow-accent-strong": "0 0 36px 0 hsl(320 100% 55% / 0.8)"
-          }
-        },
-        // Radius overrides - more rounded corners
-        radius: {
-          borderRadius: {
-            sm: "0.375rem",
-            // 6px (was 4px)
-            md: "0.5rem",
-            // 8px (was 6px)
-            lg: "0.75rem",
-            // 12px (was 8px)
-            xl: "1rem",
-            // 16px (was 12px)
-            "2xl": "1.5rem",
-            // 24px (was 16px)
-            "3xl": "2rem"
-            // 32px (was 24px)
-          },
-          componentRadius: {
-            button: {
-              sm: "0.5rem",
-              // 8px
-              md: "0.75rem",
-              // 12px
-              lg: "1rem"
-              // 16px
-            },
-            card: {
-              sm: "0.75rem",
-              // 12px
-              md: "1rem",
-              // 16px
-              lg: "1.25rem",
-              // 20px
-              xl: "1.5rem"
-              // 24px
-            },
-            input: {
-              sm: "0.5rem",
-              // 8px
-              md: "0.75rem",
-              // 12px
-              lg: "1rem"
-              // 16px
-            },
-            badge: {
-              sm: "0.375rem",
-              // 6px
-              md: "0.5rem",
-              // 8px
-              lg: "0.75rem"
-              // 12px
-            }
-          }
-        }
-      }
-    },
-    {
-      id: "neon-night",
-      name: "Neon Night",
-      description: "Dark neon theme for night mode with glowing neon accents on dark backgrounds",
-      mode: "night",
-      overrides: {
-        name: "neon-night",
-        description: "Dark neon theme for night mode",
-        // Vibrant neon color overrides (same as day but with different base)
-        primaryColors: {
-          400: "180 100% 55%",
-          // Brighter cyan for night
-          500: "180 100% 50%",
-          // Vibrant cyan
-          600: "180 95% 45%",
-          700: "180 90% 40%"
-        },
-        accentColors: {
-          400: "320 100% 65%",
-          // Brighter magenta for night
-          500: "320 100% 60%",
-          // Vibrant magenta
-          600: "320 95% 55%",
-          700: "320 90% 50%"
-        },
-        secondaryColors: {
-          400: "60 100% 65%",
-          // Brighter yellow for night
-          500: "60 100% 60%",
-          // Vibrant yellow
-          600: "60 95% 55%",
-          700: "60 90% 50%"
-        },
-        // Darker base colors for night mode
-        baseColorsNight: {
-          background: "240 10% 5%",
-          // Very dark background
-          foreground: "0 0% 98%",
-          card: "240 10% 6%",
-          cardForeground: "0 0% 98%"
-        },
-        surfaceColorsNight: {
-          base: "240 10% 5%",
-          // Very dark
-          elevated1: "240 10% 7%",
-          elevated2: "240 10% 9%",
-          elevated3: "240 10% 11%"
-        },
-        // Semantic colors with neon accents for night
-        semanticColorsNight: {
-          success: "145 75% 50%",
-          // Neon green
-          info: "180 100% 50%",
-          // Neon cyan
-          warning: "60 100% 60%",
-          // Neon yellow
-          error: "0 100% 65%"
-          // Bright red
-        },
-        // Typography overrides - same as day
-        typography: {
-          fontWeight: {
-            normal: "500",
-            medium: "600",
-            semibold: "700",
-            bold: "800"
-          },
-          fontSize: {
-            xs: [
-              "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
-              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
-            ],
-            sm: [
-              "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)",
-              { lineHeight: "1.5rem", letterSpacing: "0em" }
-            ],
-            base: [
-              "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ],
-            lg: [
-              "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
-              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-            ],
-            xl: [
-              "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
-              { lineHeight: "2rem", letterSpacing: "-0.05em" }
-            ]
-          }
-        },
-        // Spacing overrides - same as day
-        spacing: {
-          semanticSpacing: {
-            xs: "0.5rem",
-            sm: "1rem",
-            md: "1.5rem",
-            lg: "2rem",
-            xl: "3rem",
-            "2xl": "4rem"
-          }
-        },
-        // Shadow overrides - even stronger glow for night
-        shadows: {
-          elevationShadows: {
-            xs: "0 2px 4px 0 rgb(0 0 0 / 0.2)",
-            sm: "0 2px 6px 0 rgb(0 0 0 / 0.25), 0 2px 4px -1px rgb(0 0 0 / 0.25)",
-            md: "0 6px 10px -1px rgb(0 0 0 / 0.25), 0 4px 6px -2px rgb(0 0 0 / 0.25)",
-            lg: "0 12px 20px -3px rgb(0 0 0 / 0.25), 0 6px 10px -4px rgb(0 0 0 / 0.25)",
-            xl: "0 24px 32px -5px rgb(0 0 0 / 0.25), 0 10px 14px -6px rgb(0 0 0 / 0.25)"
-          },
-          glowEffects: {
-            "glow-primary": "0 0 40px 0 hsl(180 100% 50% / 0.8), 0 0 80px 0 hsl(180 100% 50% / 0.5)",
-            "glow-primary-subtle": "0 0 16px 0 hsl(180 100% 50% / 0.6)",
-            "glow-primary-medium": "0 0 32px 0 hsl(180 100% 50% / 0.8)",
-            "glow-primary-strong": "0 0 48px 0 hsl(180 100% 50% / 0.9)",
-            "glow-accent": "0 0 40px 0 hsl(320 100% 60% / 0.8), 0 0 80px 0 hsl(320 100% 60% / 0.5)",
-            "glow-accent-subtle": "0 0 16px 0 hsl(320 100% 60% / 0.6)",
-            "glow-accent-medium": "0 0 32px 0 hsl(320 100% 60% / 0.8)",
-            "glow-accent-strong": "0 0 48px 0 hsl(320 100% 60% / 0.9)"
-          }
-        },
-        // Radius overrides - same as day
-        radius: {
-          borderRadius: {
-            sm: "0.375rem",
-            md: "0.5rem",
-            lg: "0.75rem",
-            xl: "1rem",
-            "2xl": "1.5rem",
-            "3xl": "2rem"
-          },
-          componentRadius: {
-            button: {
-              sm: "0.5rem",
-              md: "0.75rem",
-              lg: "1rem"
-            },
-            card: {
-              sm: "0.75rem",
-              md: "1rem",
-              lg: "1.25rem",
-              xl: "1.5rem"
-            },
-            input: {
-              sm: "0.5rem",
-              md: "0.75rem",
-              lg: "1rem"
-            },
-            badge: {
-              sm: "0.375rem",
-              md: "0.5rem",
-              lg: "0.75rem"
-            }
-          }
-        }
-      }
-    }
-  ]
-};
-
-// src/themes/brand_engine.ts
-var brandRegistry = /* @__PURE__ */ new Map();
-var activeBrand = null;
-var activeNamespace = null;
-var brandCache = /* @__PURE__ */ new Map();
-function validateBrand(brand) {
-  const errors = [];
-  const warnings = [];
-  if (!brand || typeof brand !== "object") {
-    return {
-      valid: false,
-      errors: ["Brand must be an object"],
-      warnings: []
-    };
-  }
-  const brandObj = brand;
-  const requiredFields = ["id", "name", "namespace"];
-  for (const field of requiredFields) {
-    if (!(field in brandObj) || !brandObj[field]) {
-      errors.push(`Missing required field: ${field}`);
-    }
-  }
-  if (brandObj.id && typeof brandObj.id === "string") {
-    const idRegex = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
-    if (!idRegex.test(brandObj.id)) {
-      errors.push(
-        `Invalid brand ID format: "${brandObj.id}". Must be kebab-case (e.g., "neon-brand")`
-      );
-    }
-  }
-  if (brandObj.namespace && typeof brandObj.namespace === "string") {
-    const namespaceRegex = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
-    if (!namespaceRegex.test(brandObj.namespace)) {
-      errors.push(
-        `Invalid namespace format: "${brandObj.namespace}". Must be kebab-case (e.g., "neon")`
-      );
-    }
-  }
-  if (brandObj.themes) {
-    if (!Array.isArray(brandObj.themes)) {
-      errors.push("Brand themes must be an array");
-    } else {
-      const themes2 = brandObj.themes;
-      if (themes2.length === 0) {
-        warnings.push("Brand has no themes defined");
-      }
-      themes2.forEach((theme, index) => {
-        if (!theme || typeof theme !== "object") {
-          errors.push(`Theme at index ${index} must be an object`);
-          return;
-        }
-        const themeObj = theme;
-        if (!themeObj.id || typeof themeObj.id !== "string") {
-          errors.push(`Theme at index ${index} is missing required field: id`);
-        }
-        if (!themeObj.name || typeof themeObj.name !== "string") {
-          errors.push(`Theme at index ${index} is missing required field: name`);
-        }
-        if (!themeObj.mode || !["day", "night"].includes(themeObj.mode)) {
-          errors.push(`Theme at index ${index} must have mode set to "day" or "night"`);
-        }
-        if (!themeObj.overrides || typeof themeObj.overrides !== "object") {
-          errors.push(`Theme at index ${index} is missing required field: overrides`);
-        }
-      });
-    }
-  } else {
-    errors.push("Brand must have at least one theme");
-  }
-  if (brandObj.version && typeof brandObj.version === "string") {
-    const semverRegex = /^\d+\.\d+\.\d+$/;
-    if (!semverRegex.test(brandObj.version)) {
-      warnings.push(
-        `Invalid version format: "${brandObj.version}". Should be semver (e.g., "1.0.0")`
-      );
-    }
-  }
-  if (brandObj.themes && Array.isArray(brandObj.themes)) {
-    const themeIds = brandObj.themes.map(
-      (theme) => theme?.id
-    );
-    const uniqueIds = new Set(themeIds);
-    if (themeIds.length !== uniqueIds.size) {
-      errors.push("Brand contains duplicate theme IDs");
-    }
-  }
-  return {
-    valid: errors.length === 0,
-    errors,
-    warnings
-  };
-}
-function registerBrand(brand, options) {
-  const validation = validateBrand(brand);
-  if (!validation.valid) {
-    throw new Error(`Invalid brand "${brand.id}": ${validation.errors.join(", ")}`);
-  }
-  if (validation.warnings.length > 0) {
-    console.warn(`Brand "${brand.id}" validation warnings:`, validation.warnings.join(", "));
-  }
-  const existingEntry = brandRegistry.get(brand.id);
-  if (existingEntry && existingEntry.brand.namespace === brand.namespace) {
-    return;
-  }
-  if (brandRegistry.has(brand.id)) {
-    throw new Error(`Brand "${brand.id}" is already registered`);
-  }
-  const existingBrand = Array.from(brandRegistry.values()).find(
-    (entry) => entry.brand.namespace === brand.namespace
-  );
-  if (existingBrand) {
-    throw new Error(
-      `Brand namespace "${brand.namespace}" is already used by brand "${existingBrand.brand.id}"`
-    );
-  }
-  brandRegistry.set(brand.id, {
-    brand,
-    enabled: options?.enabled !== false,
-    loader: options?.loader
-  });
-}
-async function loadBrand(brandId) {
-  if (brandCache.has(brandId)) {
-    return brandCache.get(brandId);
-  }
-  const entry = brandRegistry.get(brandId);
-  if (!entry) {
-    throw new Error(`Brand "${brandId}" not found in registry`);
-  }
-  if (entry.enabled === false) {
-    throw new Error(`Brand "${brandId}" is disabled`);
-  }
-  if (entry.loader) {
-    try {
-      const module = await entry.loader();
-      const loadedBrand = module.default;
-      const validation = validateBrand(loadedBrand);
-      if (!validation.valid) {
-        throw new Error(`Invalid loaded brand "${brandId}": ${validation.errors.join(", ")}`);
-      }
-      brandCache.set(brandId, loadedBrand);
-      return loadedBrand;
-    } catch (error) {
-      throw new Error(
-        `Failed to load brand "${brandId}": ${error instanceof Error ? error.message : String(error)}`
-      );
-    }
-  }
-  brandCache.set(brandId, entry.brand);
-  return entry.brand;
-}
-function getActiveBrand() {
-  return activeBrand;
-}
-function setActiveBrand(brand) {
-  activeBrand = brand;
-  activeNamespace = brand?.namespace || null;
-}
-function clearActiveBrand() {
-  activeBrand = null;
-  activeNamespace = null;
-}
-function getBrandTheme(brand, mode) {
-  return brand.themes.find((theme) => theme.mode === mode);
-}
-function applyBrandOverrides(brand, mode) {
-  if (typeof document === "undefined") return;
-  const theme = getBrandTheme(brand, mode);
-  if (!theme) {
-    console.warn(`Brand "${brand.id}" has no theme for mode "${mode}"`);
-    return;
-  }
-  const root = document.documentElement;
-  const { namespace } = brand;
-  const { overrides } = theme;
-  if (overrides.primaryColors) {
-    Object.entries(overrides.primaryColors).forEach(([key, value]) => {
-      root.style.setProperty(`--brand-${namespace}-primary-${key}`, value);
-    });
-  }
-  if (overrides.accentColors) {
-    Object.entries(overrides.accentColors).forEach(([key, value]) => {
-      root.style.setProperty(`--brand-${namespace}-accent-${key}`, value);
-    });
-  }
-  if (overrides.secondaryColors) {
-    Object.entries(overrides.secondaryColors).forEach(([key, value]) => {
-      root.style.setProperty(`--brand-${namespace}-secondary-${key}`, value);
-    });
-  }
-  const modeColors = mode === "day" ? overrides.baseColorsDay : overrides.baseColorsNight;
-  if (modeColors) {
-    Object.entries(modeColors).forEach(([key, value]) => {
-      root.style.setProperty(`--brand-${namespace}-${key}`, value);
-    });
-  }
-  if (overrides.typography) {
-    if (overrides.typography.fontFamily) {
-      Object.entries(overrides.typography.fontFamily).forEach(([key, value]) => {
-        root.style.setProperty(
-          `--brand-${namespace}-font-${key}`,
-          Array.isArray(value) ? value.join(", ") : value
-        );
-      });
-    }
-    if (overrides.typography.fontSize) {
-      Object.entries(overrides.typography.fontSize).forEach(([key, value]) => {
-        const fontSizeValue = typeof value === "string" ? value : value[0];
-        root.style.setProperty(`--brand-${namespace}-font-size-${key}`, fontSizeValue);
-      });
-    }
-    if (overrides.typography.fontWeight) {
-      Object.entries(overrides.typography.fontWeight).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-font-weight-${key}`, value);
-      });
-    }
-    if (overrides.typography.lineHeight) {
-      Object.entries(overrides.typography.lineHeight).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-line-height-${key}`, value);
-      });
-    }
-    if (overrides.typography.letterSpacing) {
-      Object.entries(overrides.typography.letterSpacing).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-letter-spacing-${key}`, value);
-      });
-    }
-  }
-  if (overrides.spacing) {
-    if (overrides.spacing.semanticSpacing) {
-      Object.entries(overrides.spacing.semanticSpacing).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-spacing-${key}`, value);
-      });
-    }
-    if (overrides.spacing.layoutSpacing) {
-      const layout = overrides.spacing.layoutSpacing;
-      if (layout.section) {
-        Object.entries(layout.section).forEach(([key, value]) => {
-          if (typeof value === "string") {
-            root.style.setProperty(`--brand-${namespace}-layout-section-${key}`, value);
-          }
-        });
-      }
-      if (layout.container) {
-        Object.entries(layout.container).forEach(([key, value]) => {
-          if (typeof value === "string") {
-            root.style.setProperty(`--brand-${namespace}-layout-container-${key}`, value);
-          }
-        });
-      }
-      if (layout.grid) {
-        Object.entries(layout.grid).forEach(([key, value]) => {
-          if (typeof value === "string") {
-            root.style.setProperty(`--brand-${namespace}-layout-grid-${key}`, value);
-          }
-        });
-      }
-      if (layout.stack) {
-        Object.entries(layout.stack).forEach(([key, value]) => {
-          if (typeof value === "string") {
-            root.style.setProperty(`--brand-${namespace}-layout-stack-${key}`, value);
-          }
-        });
-      }
-      if (layout.component) {
-        Object.entries(layout.component).forEach(([key, value]) => {
-          if (typeof value === "string") {
-            root.style.setProperty(`--brand-${namespace}-layout-component-${key}`, value);
-          }
-        });
-      }
-    }
-  }
-  if (overrides.shadows) {
-    if (overrides.shadows.elevationShadows) {
-      Object.entries(overrides.shadows.elevationShadows).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-shadow-${key}`, value);
-      });
-    }
-    if (overrides.shadows.primaryColoredShadows) {
-      Object.entries(overrides.shadows.primaryColoredShadows).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-shadow-primary-${key}`, value);
-      });
-    }
-    if (overrides.shadows.accentColoredShadows) {
-      Object.entries(overrides.shadows.accentColoredShadows).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-shadow-accent-${key}`, value);
-      });
-    }
-    if (overrides.shadows.glowEffects) {
-      Object.entries(overrides.shadows.glowEffects).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-glow-${key}`, value);
-      });
-    }
-    if (overrides.shadows.focusRings) {
-      Object.entries(overrides.shadows.focusRings).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-focus-ring-${key}`, value);
-      });
-    }
-  }
-  if (overrides.radius) {
-    if (overrides.radius.borderRadius) {
-      Object.entries(overrides.radius.borderRadius).forEach(([key, value]) => {
-        root.style.setProperty(`--brand-${namespace}-radius-${key}`, value);
-      });
-    }
-    if (overrides.radius.componentRadius) {
-      const { componentRadius: componentRadius2 } = overrides.radius;
-      if (componentRadius2.button) {
-        Object.entries(componentRadius2.button).forEach(([key, value]) => {
-          root.style.setProperty(`--brand-${namespace}-radius-button-${key}`, value);
-        });
-      }
-      if (componentRadius2.card) {
-        Object.entries(componentRadius2.card).forEach(([key, value]) => {
-          root.style.setProperty(`--brand-${namespace}-radius-card-${key}`, value);
-        });
-      }
-      if (componentRadius2.input) {
-        Object.entries(componentRadius2.input).forEach(([key, value]) => {
-          root.style.setProperty(`--brand-${namespace}-radius-input-${key}`, value);
-        });
-      }
-    }
-  }
-  setActiveBrand(brand);
-  root.setAttribute("data-brand", brand.id);
-  root.setAttribute("data-brand-namespace", namespace);
-}
-function removeBrandOverrides(namespace) {
-  if (typeof document === "undefined") return;
-  const root = document.documentElement;
-  const { style } = root;
-  const propsToRemove = [];
-  for (let i = 0; i < style.length; i++) {
-    const prop = style.item(i);
-    if (prop && prop.startsWith(`--brand-${namespace}-`)) {
-      propsToRemove.push(prop);
-    }
-  }
-  propsToRemove.forEach((prop) => {
-    style.removeProperty(prop);
-  });
-  root.removeAttribute("data-brand");
-  root.removeAttribute("data-brand-namespace");
-  if (activeNamespace === namespace) {
-    clearActiveBrand();
-  }
-}
-
-// src/themes/index.ts
-var themes = {
-  default: () => Promise.resolve().then(() => (init_default(), default_exports)).then((m) => m.defaultTheme),
-  dark: () => Promise.resolve().then(() => (init_dark(), dark_exports)).then((m) => m.darkTheme),
-  brand: () => Promise.resolve().then(() => (init_brand(), brand_exports)).then((m) => m.brandTheme)
-};
-async function getTheme(name) {
-  const themeLoader = themes[name];
-  if (!themeLoader) {
-    throw new Error(`Theme "${name}" not found`);
-  }
-  return await themeLoader();
-}
-
-// src/tokens/colors.ts
+// src/FOUNDATION/tokens/colors.ts
 var primaryColors = {
   50: "210 40% 98%",
   // Lightest blue
@@ -1587,7 +523,7 @@ var tailwindThemeColors = {
   }
 };
 
-// src/tokens/motion/v2.ts
+// src/FOUNDATION/tokens/motion/v2.ts
 var motionV2Durations = {
   fast: "150ms",
   // Quick interactions
@@ -1631,7 +567,7 @@ var motionV2CSSVariables = {
   "--motion-transition-reduced": motionV2Transitions.reduced
 };
 
-// src/tokens/motion.ts
+// src/FOUNDATION/tokens/motion.ts
 var durations = {
   instant: "0ms",
   fast: "150ms",
@@ -1743,7 +679,7 @@ var motionCSSVariables = {
   "--transition-elastic": transitions.elastic
 };
 
-// src/tokens/radius.ts
+// src/FOUNDATION/tokens/radius.ts
 var borderRadius = {
   // No radius
   none: "0",
@@ -1837,7 +773,7 @@ var radiusCSSVariables = {
   "--radius-image": componentRadius.image.md
 };
 
-// src/tokens/shadows.ts
+// src/FOUNDATION/tokens/shadows.ts
 var shadowBase = {
   black: "0 0 0"};
 var shadowOpacity = {
@@ -1931,7 +867,7 @@ var shadowCSSVariables = {
   "--focus-accent": focusRings["focus-accent"]
 };
 
-// src/tokens/spacing.ts
+// src/FOUNDATION/tokens/spacing.ts
 var spacing = {
   // Zero spacing
   0: "0",
@@ -2146,7 +1082,7 @@ var spacingCSSVariables = {
   "--layout-component-xl": layoutSpacing.component.xl
 };
 
-// src/tokens/typography.ts
+// src/FOUNDATION/tokens/typography.ts
 var fontFamily = {
   // Primary font - Inter (default sans)
   sans: [
@@ -2204,243 +1140,1307 @@ var fontFamily = {
     "monospace"
   ]
 };
-var fontSize = {
-  // text-xs: 12px base, scales from 0.75rem to 0.875rem
-  xs: [
-    "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)",
-    { lineHeight: "1rem", letterSpacing: "0.05em" }
-  ],
-  // text-sm: 14px base, scales from 0.875rem to 1rem
-  sm: [
-    "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
-    { lineHeight: "1.25rem", letterSpacing: "0.025em" }
-  ],
-  // text-base: 16px base, scales from 1rem to 1.125rem
-  base: ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", { lineHeight: "1.5rem", letterSpacing: "0em" }],
-  // text-lg: 18px base, scales from 1.125rem to 1.25rem
-  lg: [
-    "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
-    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-  ],
-  // text-xl: 20px base, scales from 1.25rem to 1.5rem
-  xl: [
-    "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
-    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
-  ],
-  // text-2xl: 24px base, scales from 1.5rem to 2rem
-  "2xl": [
-    "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
-    { lineHeight: "2rem", letterSpacing: "-0.05em" }
-  ],
-  // text-3xl: 30px base, scales from 1.875rem to 2.5rem
-  "3xl": [
-    "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)",
-    { lineHeight: "2.25rem", letterSpacing: "-0.05em" }
-  ],
-  // text-4xl: 36px base, scales from 2.25rem to 3rem
-  "4xl": [
-    "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)",
-    { lineHeight: "2.5rem", letterSpacing: "-0.025em" }
-  ],
-  // text-5xl: 48px base, scales from 3rem to 4rem
-  "5xl": ["clamp(3rem, 2rem + 5vw, 4rem)", { lineHeight: "1", letterSpacing: "-0.025em" }],
-  // text-6xl: 60px base, scales from 3.75rem to 5rem
-  "6xl": ["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
-  // text-7xl: 72px base (optional, for hero sections)
-  "7xl": ["clamp(4.5rem, 3rem + 7.5vw, 6rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
-  // text-8xl: 96px base (optional, for hero sections)
-  "8xl": ["clamp(6rem, 4rem + 10vw, 8rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
-  // text-9xl: 128px base (optional, for hero sections)
-  "9xl": ["clamp(8rem, 5rem + 15vw, 12rem)", { lineHeight: "1", letterSpacing: "-0.05em" }]
-};
-var fontWeight = {
-  thin: "100",
-  extralight: "200",
-  light: "300",
-  normal: "400",
-  medium: "500",
-  semibold: "600",
-  bold: "700",
-  extrabold: "800",
-  black: "900"
-};
-var lineHeight = {
-  none: "1",
-  tight: "1.25",
-  snug: "1.375",
-  normal: "1.5",
-  relaxed: "1.625",
-  loose: "2"
-};
-var letterSpacing = {
-  tighter: "-0.05em",
-  tight: "-0.025em",
-  normal: "0em",
-  wide: "0.025em",
-  wider: "0.05em",
-  widest: "0.1em"
-};
-var typographyCSSVariables = {
-  // Font families
-  "--font-sans": fontFamily.sans.join(", "),
-  "--font-satoshi": fontFamily.satoshi.join(", "),
-  "--font-display": fontFamily.display.join(", "),
-  "--font-serif": fontFamily.serif.join(", "),
-  "--font-mono": fontFamily.mono.join(", "),
-  // Font sizes (using clamp values)
-  "--font-size-xs": fontSize.xs[0],
-  "--font-size-sm": fontSize.sm[0],
-  "--font-size-base": fontSize.base[0],
-  "--font-size-lg": fontSize.lg[0],
-  "--font-size-xl": fontSize.xl[0],
-  "--font-size-2xl": fontSize["2xl"][0],
-  "--font-size-3xl": fontSize["3xl"][0],
-  "--font-size-4xl": fontSize["4xl"][0],
-  "--font-size-5xl": fontSize["5xl"][0],
-  "--font-size-6xl": fontSize["6xl"][0],
-  // Font weights
-  "--font-weight-thin": fontWeight.thin,
-  "--font-weight-extralight": fontWeight.extralight,
-  "--font-weight-light": fontWeight.light,
-  "--font-weight-normal": fontWeight.normal,
-  "--font-weight-medium": fontWeight.medium,
-  "--font-weight-semibold": fontWeight.semibold,
-  "--font-weight-bold": fontWeight.bold,
-  "--font-weight-extrabold": fontWeight.extrabold,
-  "--font-weight-black": fontWeight.black,
-  // Line heights
-  "--line-height-none": lineHeight.none,
-  "--line-height-tight": lineHeight.tight,
-  "--line-height-snug": lineHeight.snug,
-  "--line-height-normal": lineHeight.normal,
-  "--line-height-relaxed": lineHeight.relaxed,
-  "--line-height-loose": lineHeight.loose,
-  // Letter spacing
-  "--letter-spacing-tighter": letterSpacing.tighter,
-  "--letter-spacing-tight": letterSpacing.tight,
-  "--letter-spacing-normal": letterSpacing.normal,
-  "--letter-spacing-wide": letterSpacing.wide,
-  "--letter-spacing-wider": letterSpacing.wider,
-  "--letter-spacing-widest": letterSpacing.widest
+var fontSize = {
+  // text-xs: 12px base, scales from 0.75rem to 0.875rem
+  xs: [
+    "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)",
+    { lineHeight: "1rem", letterSpacing: "0.05em" }
+  ],
+  // text-sm: 14px base, scales from 0.875rem to 1rem
+  sm: [
+    "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
+    { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+  ],
+  // text-base: 16px base, scales from 1rem to 1.125rem
+  base: ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", { lineHeight: "1.5rem", letterSpacing: "0em" }],
+  // text-lg: 18px base, scales from 1.125rem to 1.25rem
+  lg: [
+    "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+  ],
+  // text-xl: 20px base, scales from 1.25rem to 1.5rem
+  xl: [
+    "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
+    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+  ],
+  // text-2xl: 24px base, scales from 1.5rem to 2rem
+  "2xl": [
+    "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
+    { lineHeight: "2rem", letterSpacing: "-0.05em" }
+  ],
+  // text-3xl: 30px base, scales from 1.875rem to 2.5rem
+  "3xl": [
+    "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)",
+    { lineHeight: "2.25rem", letterSpacing: "-0.05em" }
+  ],
+  // text-4xl: 36px base, scales from 2.25rem to 3rem
+  "4xl": [
+    "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)",
+    { lineHeight: "2.5rem", letterSpacing: "-0.025em" }
+  ],
+  // text-5xl: 48px base, scales from 3rem to 4rem
+  "5xl": ["clamp(3rem, 2rem + 5vw, 4rem)", { lineHeight: "1", letterSpacing: "-0.025em" }],
+  // text-6xl: 60px base, scales from 3.75rem to 5rem
+  "6xl": ["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-7xl: 72px base (optional, for hero sections)
+  "7xl": ["clamp(4.5rem, 3rem + 7.5vw, 6rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-8xl: 96px base (optional, for hero sections)
+  "8xl": ["clamp(6rem, 4rem + 10vw, 8rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-9xl: 128px base (optional, for hero sections)
+  "9xl": ["clamp(8rem, 5rem + 15vw, 12rem)", { lineHeight: "1", letterSpacing: "-0.05em" }]
+};
+var fontWeight = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+};
+var lineHeight = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+};
+var letterSpacing = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+var typographyCSSVariables = {
+  // Font families
+  "--font-sans": fontFamily.sans.join(", "),
+  "--font-satoshi": fontFamily.satoshi.join(", "),
+  "--font-display": fontFamily.display.join(", "),
+  "--font-serif": fontFamily.serif.join(", "),
+  "--font-mono": fontFamily.mono.join(", "),
+  // Font sizes (using clamp values)
+  "--font-size-xs": fontSize.xs[0],
+  "--font-size-sm": fontSize.sm[0],
+  "--font-size-base": fontSize.base[0],
+  "--font-size-lg": fontSize.lg[0],
+  "--font-size-xl": fontSize.xl[0],
+  "--font-size-2xl": fontSize["2xl"][0],
+  "--font-size-3xl": fontSize["3xl"][0],
+  "--font-size-4xl": fontSize["4xl"][0],
+  "--font-size-5xl": fontSize["5xl"][0],
+  "--font-size-6xl": fontSize["6xl"][0],
+  // Font weights
+  "--font-weight-thin": fontWeight.thin,
+  "--font-weight-extralight": fontWeight.extralight,
+  "--font-weight-light": fontWeight.light,
+  "--font-weight-normal": fontWeight.normal,
+  "--font-weight-medium": fontWeight.medium,
+  "--font-weight-semibold": fontWeight.semibold,
+  "--font-weight-bold": fontWeight.bold,
+  "--font-weight-extrabold": fontWeight.extrabold,
+  "--font-weight-black": fontWeight.black,
+  // Line heights
+  "--line-height-none": lineHeight.none,
+  "--line-height-tight": lineHeight.tight,
+  "--line-height-snug": lineHeight.snug,
+  "--line-height-normal": lineHeight.normal,
+  "--line-height-relaxed": lineHeight.relaxed,
+  "--line-height-loose": lineHeight.loose,
+  // Letter spacing
+  "--letter-spacing-tighter": letterSpacing.tighter,
+  "--letter-spacing-tight": letterSpacing.tight,
+  "--letter-spacing-normal": letterSpacing.normal,
+  "--letter-spacing-wide": letterSpacing.wide,
+  "--letter-spacing-wider": letterSpacing.wider,
+  "--letter-spacing-widest": letterSpacing.widest
+};
+({
+  // Display styles (for hero sections)
+  display: {
+    fontSize: fontSize["6xl"][0]},
+  // Heading styles
+  h1: {
+    fontSize: fontSize["5xl"][0]},
+  h2: {
+    fontSize: fontSize["4xl"][0]},
+  h3: {
+    fontSize: fontSize["3xl"][0]},
+  h4: {
+    fontSize: fontSize["2xl"][0]},
+  h5: {
+    fontSize: fontSize.xl[0]},
+  h6: {
+    fontSize: fontSize.lg[0]},
+  // Body text styles
+  body: {
+    fontSize: fontSize.base[0]},
+  "body-sm": {
+    fontSize: fontSize.sm[0]},
+  "body-xs": {
+    fontSize: fontSize.xs[0]},
+  // Label styles
+  label: {
+    fontSize: fontSize.sm[0]},
+  "label-sm": {
+    fontSize: fontSize.xs[0]},
+  // Caption styles
+  caption: {
+    fontSize: fontSize.xs[0]}
+});
+({
+  fontSize: {
+    xs: [
+      fontSize.xs[0],
+      { lineHeight: fontSize.xs[1].lineHeight, letterSpacing: fontSize.xs[1].letterSpacing }
+    ],
+    sm: [
+      fontSize.sm[0],
+      { lineHeight: fontSize.sm[1].lineHeight, letterSpacing: fontSize.sm[1].letterSpacing }
+    ],
+    md: [
+      fontSize.base[0],
+      { lineHeight: fontSize.base[1].lineHeight, letterSpacing: fontSize.base[1].letterSpacing }
+    ],
+    base: [
+      fontSize.base[0],
+      { lineHeight: fontSize.base[1].lineHeight, letterSpacing: fontSize.base[1].letterSpacing }
+    ],
+    lg: [
+      fontSize.lg[0],
+      { lineHeight: fontSize.lg[1].lineHeight, letterSpacing: fontSize.lg[1].letterSpacing }
+    ],
+    xl: [
+      fontSize.xl[0],
+      { lineHeight: fontSize.xl[1].lineHeight, letterSpacing: fontSize.xl[1].letterSpacing }
+    ],
+    "2xl": [
+      fontSize["2xl"][0],
+      {
+        lineHeight: fontSize["2xl"][1].lineHeight,
+        letterSpacing: fontSize["2xl"][1].letterSpacing
+      }
+    ],
+    "3xl": [
+      fontSize["3xl"][0],
+      {
+        lineHeight: fontSize["3xl"][1].lineHeight,
+        letterSpacing: fontSize["3xl"][1].letterSpacing
+      }
+    ],
+    "4xl": [
+      fontSize["4xl"][0],
+      {
+        lineHeight: fontSize["4xl"][1].lineHeight,
+        letterSpacing: fontSize["4xl"][1].letterSpacing
+      }
+    ],
+    "5xl": [
+      fontSize["5xl"][0],
+      {
+        lineHeight: fontSize["5xl"][1].lineHeight,
+        letterSpacing: fontSize["5xl"][1].letterSpacing
+      }
+    ],
+    "6xl": [
+      fontSize["6xl"][0],
+      {
+        lineHeight: fontSize["6xl"][1].lineHeight,
+        letterSpacing: fontSize["6xl"][1].letterSpacing
+      }
+    ],
+    "7xl": [
+      fontSize["7xl"][0],
+      {
+        lineHeight: fontSize["7xl"][1].lineHeight,
+        letterSpacing: fontSize["7xl"][1].letterSpacing
+      }
+    ],
+    "8xl": [
+      fontSize["8xl"][0],
+      {
+        lineHeight: fontSize["8xl"][1].lineHeight,
+        letterSpacing: fontSize["8xl"][1].letterSpacing
+      }
+    ],
+    "9xl": [
+      fontSize["9xl"][0],
+      {
+        lineHeight: fontSize["9xl"][1].lineHeight,
+        letterSpacing: fontSize["9xl"][1].letterSpacing
+      }
+    ]
+  }});
+
+// src/themes/minimal.ts
+var minimalBrand = {
+  id: "minimal",
+  name: "Minimal",
+  description: "Clean, minimal brand theme with muted colors, light typography, and compact spacing",
+  namespace: "minimal",
+  version: "1.0.0",
+  author: "Tenerife UI",
+  themes: [
+    {
+      id: "minimal-day",
+      name: "Minimal Day",
+      description: "Light minimal theme with grayscale colors and subtle accents",
+      mode: "day",
+      overrides: {
+        name: "minimal-day",
+        description: "Light minimal theme for day mode",
+        // Muted, low-saturation color overrides
+        primaryColors: {
+          400: "0 0% 60%",
+          // Muted gray
+          500: "0 0% 50%",
+          // Neutral gray (#808080)
+          600: "0 0% 40%",
+          700: "0 0% 30%"
+        },
+        accentColors: {
+          400: "210 20% 70%",
+          // Muted blue-gray
+          500: "210 20% 60%",
+          // Subtle blue-gray
+          600: "210 20% 50%",
+          700: "210 20% 40%"
+        },
+        secondaryColors: {
+          400: "0 0% 70%",
+          // Light gray
+          500: "0 0% 65%",
+          // Neutral light gray
+          600: "0 0% 55%",
+          700: "0 0% 45%"
+        },
+        // Muted base colors for day mode
+        baseColorsDay: {
+          primary: "0 0% 50%",
+          // Neutral gray
+          primaryForeground: "0 0% 100%",
+          secondary: "0 0% 96%",
+          // Very light gray
+          secondaryForeground: "0 0% 20%",
+          accent: "210 20% 60%",
+          // Subtle blue-gray
+          accentForeground: "0 0% 100%"
+        },
+        // Subtle semantic colors
+        semanticColorsDay: {
+          success: "140 30% 45%",
+          // Muted green
+          info: "210 30% 50%",
+          // Muted blue
+          warning: "40 30% 50%",
+          // Muted orange
+          error: "0 40% 55%"
+          // Muted red
+        },
+        // Typography overrides - lighter and smaller
+        typography: {
+          fontWeight: {
+            normal: "400",
+            // Normal weight
+            medium: "500",
+            semibold: "600",
+            // Lighter than default
+            bold: "700"
+            // Standard bold
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.6875rem, 0.65rem + 0.125vw, 0.75rem)",
+              { lineHeight: "1rem", letterSpacing: "0.05em" }
+            ],
+            // Smaller
+            sm: [
+              "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            // Smaller
+            base: [
+              "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            // Smaller
+            lg: [
+              "clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            // Smaller
+            xl: [
+              "clamp(1.1875rem, 1rem + 0.75vw, 1.375rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ]
+            // Smaller
+          }
+        },
+        // Spacing overrides - compact spacing for tight layout
+        spacing: {
+          semanticSpacing: {
+            xs: "0.125rem",
+            // 2px (was 4px)
+            sm: "0.25rem",
+            // 4px (was 8px)
+            md: "0.5rem",
+            // 8px (was 16px)
+            lg: "0.75rem",
+            // 12px (was 24px)
+            xl: "1rem",
+            // 16px (was 32px)
+            "2xl": "1.5rem"
+            // 24px (was 48px)
+          }
+        },
+        // Shadow overrides - subtle and minimal
+        shadows: {
+          elevationShadows: {
+            xs: "0 1px 1px 0 rgb(0 0 0 / 0.03)",
+            sm: "0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 1px -1px rgb(0 0 0 / 0.05)",
+            md: "0 2px 4px -1px rgb(0 0 0 / 0.05), 0 1px 2px -2px rgb(0 0 0 / 0.05)",
+            lg: "0 4px 8px -2px rgb(0 0 0 / 0.05), 0 2px 4px -3px rgb(0 0 0 / 0.05)",
+            xl: "0 8px 12px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 8px 0 hsl(0 0% 50% / 0.2)",
+            "glow-primary-subtle": "0 0 4px 0 hsl(0 0% 50% / 0.15)",
+            "glow-primary-medium": "0 0 8px 0 hsl(0 0% 50% / 0.25)",
+            "glow-primary-strong": "0 0 12px 0 hsl(0 0% 50% / 0.3)"
+          }
+        },
+        // Radius overrides - smaller, sharper corners
+        radius: {
+          borderRadius: {
+            xs: "0.0625rem",
+            // 1px
+            sm: "0.125rem",
+            // 2px (was 4px)
+            md: "0.1875rem",
+            // 3px (was 6px)
+            lg: "0.25rem",
+            // 4px (was 8px)
+            xl: "0.375rem",
+            // 6px (was 12px)
+            "2xl": "0.5rem"
+            // 8px (was 16px)
+          },
+          componentRadius: {
+            button: {
+              sm: "0.125rem",
+              // 2px
+              md: "0.1875rem",
+              // 3px
+              lg: "0.25rem"
+              // 4px
+            },
+            card: {
+              sm: "0.1875rem",
+              // 3px
+              md: "0.25rem",
+              // 4px
+              lg: "0.375rem",
+              // 6px
+              xl: "0.5rem"
+              // 8px
+            },
+            input: {
+              sm: "0.125rem",
+              // 2px
+              md: "0.1875rem",
+              // 3px
+              lg: "0.25rem"
+              // 4px
+            },
+            badge: {
+              sm: "0.0625rem",
+              // 1px
+              md: "0.125rem",
+              // 2px
+              lg: "0.1875rem"
+              // 3px
+            }
+          }
+        }
+      }
+    },
+    {
+      id: "minimal-night",
+      name: "Minimal Night",
+      description: "Dark minimal theme with muted grayscale colors",
+      mode: "night",
+      overrides: {
+        name: "minimal-night",
+        description: "Dark minimal theme for night mode",
+        // Muted colors for night mode (slightly lighter than day for contrast)
+        primaryColors: {
+          400: "0 0% 65%",
+          // Lighter gray for night
+          500: "0 0% 55%",
+          // Neutral gray
+          600: "0 0% 45%",
+          700: "0 0% 35%"
+        },
+        accentColors: {
+          400: "210 20% 75%",
+          // Lighter blue-gray
+          500: "210 20% 65%",
+          // Subtle blue-gray
+          600: "210 20% 55%",
+          700: "210 20% 45%"
+        },
+        secondaryColors: {
+          400: "0 0% 75%",
+          // Light gray
+          500: "0 0% 70%",
+          // Neutral light gray
+          600: "0 0% 60%",
+          700: "0 0% 50%"
+        },
+        // Darker base colors for night mode
+        baseColorsNight: {
+          background: "240 10% 8%",
+          // Dark gray background
+          foreground: "0 0% 95%",
+          card: "240 10% 10%",
+          cardForeground: "0 0% 95%"
+        },
+        surfaceColorsNight: {
+          base: "240 10% 8%",
+          elevated1: "240 10% 10%",
+          elevated2: "240 10% 12%",
+          elevated3: "240 10% 14%"
+        },
+        // Subtle semantic colors for night
+        semanticColorsNight: {
+          success: "140 30% 50%",
+          // Muted green
+          info: "210 30% 55%",
+          // Muted blue
+          warning: "40 30% 55%",
+          // Muted orange
+          error: "0 40% 60%"
+          // Muted red
+        },
+        // Typography overrides - same as day
+        typography: {
+          fontWeight: {
+            normal: "400",
+            medium: "500",
+            semibold: "600",
+            bold: "700"
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.6875rem, 0.65rem + 0.125vw, 0.75rem)",
+              { lineHeight: "1rem", letterSpacing: "0.05em" }
+            ],
+            sm: [
+              "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            base: [
+              "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            lg: [
+              "clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            xl: [
+              "clamp(1.1875rem, 1rem + 0.75vw, 1.375rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ]
+          }
+        },
+        // Spacing overrides - same as day
+        spacing: {
+          semanticSpacing: {
+            xs: "0.125rem",
+            sm: "0.25rem",
+            md: "0.5rem",
+            lg: "0.75rem",
+            xl: "1rem",
+            "2xl": "1.5rem"
+          }
+        },
+        // Shadow overrides - subtle for night
+        shadows: {
+          elevationShadows: {
+            xs: "0 1px 2px 0 rgb(0 0 0 / 0.15)",
+            sm: "0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2)",
+            md: "0 2px 5px -1px rgb(0 0 0 / 0.2), 0 1px 3px -2px rgb(0 0 0 / 0.2)",
+            lg: "0 4px 10px -2px rgb(0 0 0 / 0.2), 0 2px 5px -3px rgb(0 0 0 / 0.2)",
+            xl: "0 8px 15px -3px rgb(0 0 0 / 0.2), 0 4px 8px -4px rgb(0 0 0 / 0.2)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 8px 0 hsl(0 0% 55% / 0.25)",
+            "glow-primary-subtle": "0 0 4px 0 hsl(0 0% 55% / 0.2)",
+            "glow-primary-medium": "0 0 8px 0 hsl(0 0% 55% / 0.3)",
+            "glow-primary-strong": "0 0 12px 0 hsl(0 0% 55% / 0.35)"
+          }
+        },
+        // Radius overrides - same as day
+        radius: {
+          borderRadius: {
+            xs: "0.0625rem",
+            sm: "0.125rem",
+            md: "0.1875rem",
+            lg: "0.25rem",
+            xl: "0.375rem",
+            "2xl": "0.5rem"
+          },
+          componentRadius: {
+            button: {
+              sm: "0.125rem",
+              md: "0.1875rem",
+              lg: "0.25rem"
+            },
+            card: {
+              sm: "0.1875rem",
+              md: "0.25rem",
+              lg: "0.375rem",
+              xl: "0.5rem"
+            },
+            input: {
+              sm: "0.125rem",
+              md: "0.1875rem",
+              lg: "0.25rem"
+            },
+            badge: {
+              sm: "0.0625rem",
+              md: "0.125rem",
+              lg: "0.1875rem"
+            }
+          }
+        }
+      }
+    }
+  ]
+};
+
+// src/themes/neon.ts
+var neonBrand = {
+  id: "neon",
+  name: "Neon",
+  description: "Vibrant brand theme with high-saturation neon colors, bold typography, and enhanced visual effects",
+  namespace: "neon",
+  version: "1.0.0",
+  author: "Tenerife UI",
+  themes: [
+    {
+      id: "neon-day",
+      name: "Neon Day",
+      description: "Bright neon theme for day mode with vibrant cyan, magenta, and yellow accents",
+      mode: "day",
+      overrides: {
+        name: "neon-day",
+        description: "Bright neon theme for day mode",
+        // Vibrant neon color overrides
+        primaryColors: {
+          400: "180 100% 50%",
+          // Bright cyan
+          500: "180 100% 45%",
+          // Vibrant cyan (#00e6ff)
+          600: "180 95% 40%",
+          700: "180 90% 35%"
+        },
+        accentColors: {
+          400: "320 100% 60%",
+          // Bright magenta
+          500: "320 100% 55%",
+          // Vibrant magenta (#ff00cc)
+          600: "320 95% 50%",
+          700: "320 90% 45%"
+        },
+        secondaryColors: {
+          400: "60 100% 60%",
+          // Bright yellow
+          500: "60 100% 55%",
+          // Vibrant yellow (#ffff00)
+          600: "60 95% 50%",
+          700: "60 90% 45%"
+        },
+        // Enhanced base colors for day mode
+        baseColorsDay: {
+          primary: "180 100% 45%",
+          // Neon cyan
+          primaryForeground: "0 0% 100%",
+          accent: "320 100% 55%",
+          // Neon magenta
+          accentForeground: "0 0% 100%"
+        },
+        // Semantic colors with neon accents
+        semanticColorsDay: {
+          success: "145 80% 45%",
+          // Neon green
+          info: "180 100% 45%",
+          // Neon cyan
+          warning: "60 100% 55%",
+          // Neon yellow
+          error: "0 100% 60%"
+          // Bright red
+        },
+        // Typography overrides - bolder and larger
+        typography: {
+          fontWeight: {
+            normal: "500",
+            // Heavier than default (400)
+            medium: "600",
+            // Heavier
+            semibold: "700",
+            // Bold
+            bold: "800"
+            // Extra bold
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            // Larger than default
+            sm: [
+              "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            // Larger
+            base: [
+              "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            // Larger
+            lg: [
+              "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            // Larger
+            xl: [
+              "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
+              { lineHeight: "2rem", letterSpacing: "-0.05em" }
+            ]
+            // Larger
+          }
+        },
+        // Spacing overrides - larger spacing for breathing room
+        spacing: {
+          semanticSpacing: {
+            xs: "0.5rem",
+            // 8px (was 4px)
+            sm: "1rem",
+            // 16px (was 8px)
+            md: "1.5rem",
+            // 24px (was 16px)
+            lg: "2rem",
+            // 32px (was 24px)
+            xl: "3rem",
+            // 48px (was 32px)
+            "2xl": "4rem"
+            // 64px (was 48px)
+          }
+        },
+        // Shadow overrides - stronger and more prominent
+        shadows: {
+          elevationShadows: {
+            xs: "0 2px 4px 0 rgb(0 0 0 / 0.1)",
+            sm: "0 2px 6px 0 rgb(0 0 0 / 0.15), 0 2px 4px -1px rgb(0 0 0 / 0.15)",
+            md: "0 6px 10px -1px rgb(0 0 0 / 0.15), 0 4px 6px -2px rgb(0 0 0 / 0.15)",
+            lg: "0 12px 20px -3px rgb(0 0 0 / 0.15), 0 6px 10px -4px rgb(0 0 0 / 0.15)",
+            xl: "0 24px 32px -5px rgb(0 0 0 / 0.15), 0 10px 14px -6px rgb(0 0 0 / 0.15)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 30px 0 hsl(180 100% 45% / 0.7), 0 0 60px 0 hsl(180 100% 45% / 0.4)",
+            "glow-primary-subtle": "0 0 12px 0 hsl(180 100% 45% / 0.5)",
+            "glow-primary-medium": "0 0 24px 0 hsl(180 100% 45% / 0.7)",
+            "glow-primary-strong": "0 0 36px 0 hsl(180 100% 45% / 0.8)",
+            "glow-accent": "0 0 30px 0 hsl(320 100% 55% / 0.7), 0 0 60px 0 hsl(320 100% 55% / 0.4)",
+            "glow-accent-subtle": "0 0 12px 0 hsl(320 100% 55% / 0.5)",
+            "glow-accent-medium": "0 0 24px 0 hsl(320 100% 55% / 0.7)",
+            "glow-accent-strong": "0 0 36px 0 hsl(320 100% 55% / 0.8)"
+          }
+        },
+        // Radius overrides - more rounded corners
+        radius: {
+          borderRadius: {
+            sm: "0.375rem",
+            // 6px (was 4px)
+            md: "0.5rem",
+            // 8px (was 6px)
+            lg: "0.75rem",
+            // 12px (was 8px)
+            xl: "1rem",
+            // 16px (was 12px)
+            "2xl": "1.5rem",
+            // 24px (was 16px)
+            "3xl": "2rem"
+            // 32px (was 24px)
+          },
+          componentRadius: {
+            button: {
+              sm: "0.5rem",
+              // 8px
+              md: "0.75rem",
+              // 12px
+              lg: "1rem"
+              // 16px
+            },
+            card: {
+              sm: "0.75rem",
+              // 12px
+              md: "1rem",
+              // 16px
+              lg: "1.25rem",
+              // 20px
+              xl: "1.5rem"
+              // 24px
+            },
+            input: {
+              sm: "0.5rem",
+              // 8px
+              md: "0.75rem",
+              // 12px
+              lg: "1rem"
+              // 16px
+            },
+            badge: {
+              sm: "0.375rem",
+              // 6px
+              md: "0.5rem",
+              // 8px
+              lg: "0.75rem"
+              // 12px
+            }
+          }
+        }
+      }
+    },
+    {
+      id: "neon-night",
+      name: "Neon Night",
+      description: "Dark neon theme for night mode with glowing neon accents on dark backgrounds",
+      mode: "night",
+      overrides: {
+        name: "neon-night",
+        description: "Dark neon theme for night mode",
+        // Vibrant neon color overrides (same as day but with different base)
+        primaryColors: {
+          400: "180 100% 55%",
+          // Brighter cyan for night
+          500: "180 100% 50%",
+          // Vibrant cyan
+          600: "180 95% 45%",
+          700: "180 90% 40%"
+        },
+        accentColors: {
+          400: "320 100% 65%",
+          // Brighter magenta for night
+          500: "320 100% 60%",
+          // Vibrant magenta
+          600: "320 95% 55%",
+          700: "320 90% 50%"
+        },
+        secondaryColors: {
+          400: "60 100% 65%",
+          // Brighter yellow for night
+          500: "60 100% 60%",
+          // Vibrant yellow
+          600: "60 95% 55%",
+          700: "60 90% 50%"
+        },
+        // Darker base colors for night mode
+        baseColorsNight: {
+          background: "240 10% 5%",
+          // Very dark background
+          foreground: "0 0% 98%",
+          card: "240 10% 6%",
+          cardForeground: "0 0% 98%"
+        },
+        surfaceColorsNight: {
+          base: "240 10% 5%",
+          // Very dark
+          elevated1: "240 10% 7%",
+          elevated2: "240 10% 9%",
+          elevated3: "240 10% 11%"
+        },
+        // Semantic colors with neon accents for night
+        semanticColorsNight: {
+          success: "145 75% 50%",
+          // Neon green
+          info: "180 100% 50%",
+          // Neon cyan
+          warning: "60 100% 60%",
+          // Neon yellow
+          error: "0 100% 65%"
+          // Bright red
+        },
+        // Typography overrides - same as day
+        typography: {
+          fontWeight: {
+            normal: "500",
+            medium: "600",
+            semibold: "700",
+            bold: "800"
+          },
+          fontSize: {
+            xs: [
+              "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
+              { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+            ],
+            sm: [
+              "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)",
+              { lineHeight: "1.5rem", letterSpacing: "0em" }
+            ],
+            base: [
+              "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            lg: [
+              "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
+              { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+            ],
+            xl: [
+              "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
+              { lineHeight: "2rem", letterSpacing: "-0.05em" }
+            ]
+          }
+        },
+        // Spacing overrides - same as day
+        spacing: {
+          semanticSpacing: {
+            xs: "0.5rem",
+            sm: "1rem",
+            md: "1.5rem",
+            lg: "2rem",
+            xl: "3rem",
+            "2xl": "4rem"
+          }
+        },
+        // Shadow overrides - even stronger glow for night
+        shadows: {
+          elevationShadows: {
+            xs: "0 2px 4px 0 rgb(0 0 0 / 0.2)",
+            sm: "0 2px 6px 0 rgb(0 0 0 / 0.25), 0 2px 4px -1px rgb(0 0 0 / 0.25)",
+            md: "0 6px 10px -1px rgb(0 0 0 / 0.25), 0 4px 6px -2px rgb(0 0 0 / 0.25)",
+            lg: "0 12px 20px -3px rgb(0 0 0 / 0.25), 0 6px 10px -4px rgb(0 0 0 / 0.25)",
+            xl: "0 24px 32px -5px rgb(0 0 0 / 0.25), 0 10px 14px -6px rgb(0 0 0 / 0.25)"
+          },
+          glowEffects: {
+            "glow-primary": "0 0 40px 0 hsl(180 100% 50% / 0.8), 0 0 80px 0 hsl(180 100% 50% / 0.5)",
+            "glow-primary-subtle": "0 0 16px 0 hsl(180 100% 50% / 0.6)",
+            "glow-primary-medium": "0 0 32px 0 hsl(180 100% 50% / 0.8)",
+            "glow-primary-strong": "0 0 48px 0 hsl(180 100% 50% / 0.9)",
+            "glow-accent": "0 0 40px 0 hsl(320 100% 60% / 0.8), 0 0 80px 0 hsl(320 100% 60% / 0.5)",
+            "glow-accent-subtle": "0 0 16px 0 hsl(320 100% 60% / 0.6)",
+            "glow-accent-medium": "0 0 32px 0 hsl(320 100% 60% / 0.8)",
+            "glow-accent-strong": "0 0 48px 0 hsl(320 100% 60% / 0.9)"
+          }
+        },
+        // Radius overrides - same as day
+        radius: {
+          borderRadius: {
+            sm: "0.375rem",
+            md: "0.5rem",
+            lg: "0.75rem",
+            xl: "1rem",
+            "2xl": "1.5rem",
+            "3xl": "2rem"
+          },
+          componentRadius: {
+            button: {
+              sm: "0.5rem",
+              md: "0.75rem",
+              lg: "1rem"
+            },
+            card: {
+              sm: "0.75rem",
+              md: "1rem",
+              lg: "1.25rem",
+              xl: "1.5rem"
+            },
+            input: {
+              sm: "0.5rem",
+              md: "0.75rem",
+              lg: "1rem"
+            },
+            badge: {
+              sm: "0.375rem",
+              md: "0.5rem",
+              lg: "0.75rem"
+            }
+          }
+        }
+      }
+    }
+  ]
 };
-({
-  // Display styles (for hero sections)
-  display: {
-    fontSize: fontSize["6xl"][0]},
-  // Heading styles
-  h1: {
-    fontSize: fontSize["5xl"][0]},
-  h2: {
-    fontSize: fontSize["4xl"][0]},
-  h3: {
-    fontSize: fontSize["3xl"][0]},
-  h4: {
-    fontSize: fontSize["2xl"][0]},
-  h5: {
-    fontSize: fontSize.xl[0]},
-  h6: {
-    fontSize: fontSize.lg[0]},
-  // Body text styles
-  body: {
-    fontSize: fontSize.base[0]},
-  "body-sm": {
-    fontSize: fontSize.sm[0]},
-  "body-xs": {
-    fontSize: fontSize.xs[0]},
-  // Label styles
-  label: {
-    fontSize: fontSize.sm[0]},
-  "label-sm": {
-    fontSize: fontSize.xs[0]},
-  // Caption styles
-  caption: {
-    fontSize: fontSize.xs[0]}
-});
-({
-  fontSize: {
-    xs: [
-      fontSize.xs[0],
-      { lineHeight: fontSize.xs[1].lineHeight, letterSpacing: fontSize.xs[1].letterSpacing }
-    ],
-    sm: [
-      fontSize.sm[0],
-      { lineHeight: fontSize.sm[1].lineHeight, letterSpacing: fontSize.sm[1].letterSpacing }
-    ],
-    md: [
-      fontSize.base[0],
-      { lineHeight: fontSize.base[1].lineHeight, letterSpacing: fontSize.base[1].letterSpacing }
-    ],
-    base: [
-      fontSize.base[0],
-      { lineHeight: fontSize.base[1].lineHeight, letterSpacing: fontSize.base[1].letterSpacing }
-    ],
-    lg: [
-      fontSize.lg[0],
-      { lineHeight: fontSize.lg[1].lineHeight, letterSpacing: fontSize.lg[1].letterSpacing }
-    ],
-    xl: [
-      fontSize.xl[0],
-      { lineHeight: fontSize.xl[1].lineHeight, letterSpacing: fontSize.xl[1].letterSpacing }
-    ],
-    "2xl": [
-      fontSize["2xl"][0],
-      {
-        lineHeight: fontSize["2xl"][1].lineHeight,
-        letterSpacing: fontSize["2xl"][1].letterSpacing
+
+// src/themes/brand_engine.ts
+var brandRegistry = /* @__PURE__ */ new Map();
+var activeBrand = null;
+var activeNamespace = null;
+var brandCache = /* @__PURE__ */ new Map();
+function validateBrand(brand) {
+  const errors = [];
+  const warnings = [];
+  if (!brand || typeof brand !== "object") {
+    return {
+      valid: false,
+      errors: ["Brand must be an object"],
+      warnings: []
+    };
+  }
+  const brandObj = brand;
+  const requiredFields = ["id", "name", "namespace"];
+  for (const field of requiredFields) {
+    if (!(field in brandObj) || !brandObj[field]) {
+      errors.push(`Missing required field: ${field}`);
+    }
+  }
+  if (brandObj.id && typeof brandObj.id === "string") {
+    const idRegex = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+    if (!idRegex.test(brandObj.id)) {
+      errors.push(
+        `Invalid brand ID format: "${brandObj.id}". Must be kebab-case (e.g., "neon-brand")`
+      );
+    }
+  }
+  if (brandObj.namespace && typeof brandObj.namespace === "string") {
+    const namespaceRegex = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+    if (!namespaceRegex.test(brandObj.namespace)) {
+      errors.push(
+        `Invalid namespace format: "${brandObj.namespace}". Must be kebab-case (e.g., "neon")`
+      );
+    }
+  }
+  if (brandObj.themes) {
+    if (!Array.isArray(brandObj.themes)) {
+      errors.push("Brand themes must be an array");
+    } else {
+      const themes2 = brandObj.themes;
+      if (themes2.length === 0) {
+        warnings.push("Brand has no themes defined");
+      }
+      themes2.forEach((theme, index) => {
+        if (!theme || typeof theme !== "object") {
+          errors.push(`Theme at index ${index} must be an object`);
+          return;
+        }
+        const themeObj = theme;
+        if (!themeObj.id || typeof themeObj.id !== "string") {
+          errors.push(`Theme at index ${index} is missing required field: id`);
+        }
+        if (!themeObj.name || typeof themeObj.name !== "string") {
+          errors.push(`Theme at index ${index} is missing required field: name`);
+        }
+        if (!themeObj.mode || !["day", "night"].includes(themeObj.mode)) {
+          errors.push(`Theme at index ${index} must have mode set to "day" or "night"`);
+        }
+        if (!themeObj.overrides || typeof themeObj.overrides !== "object") {
+          errors.push(`Theme at index ${index} is missing required field: overrides`);
+        }
+      });
+    }
+  } else {
+    errors.push("Brand must have at least one theme");
+  }
+  if (brandObj.version && typeof brandObj.version === "string") {
+    const semverRegex = /^\d+\.\d+\.\d+$/;
+    if (!semverRegex.test(brandObj.version)) {
+      warnings.push(
+        `Invalid version format: "${brandObj.version}". Should be semver (e.g., "1.0.0")`
+      );
+    }
+  }
+  if (brandObj.themes && Array.isArray(brandObj.themes)) {
+    const themeIds = brandObj.themes.map(
+      (theme) => theme?.id
+    );
+    const uniqueIds = new Set(themeIds);
+    if (themeIds.length !== uniqueIds.size) {
+      errors.push("Brand contains duplicate theme IDs");
+    }
+  }
+  return {
+    valid: errors.length === 0,
+    errors,
+    warnings
+  };
+}
+function registerBrand(brand, options) {
+  const validation = validateBrand(brand);
+  if (!validation.valid) {
+    throw new Error(`Invalid brand "${brand.id}": ${validation.errors.join(", ")}`);
+  }
+  if (validation.warnings.length > 0) {
+    console.warn(`Brand "${brand.id}" validation warnings:`, validation.warnings.join(", "));
+  }
+  const existingEntry = brandRegistry.get(brand.id);
+  if (existingEntry && existingEntry.brand.namespace === brand.namespace) {
+    return;
+  }
+  if (brandRegistry.has(brand.id)) {
+    throw new Error(`Brand "${brand.id}" is already registered`);
+  }
+  const existingBrand = Array.from(brandRegistry.values()).find(
+    (entry) => entry.brand.namespace === brand.namespace
+  );
+  if (existingBrand) {
+    throw new Error(
+      `Brand namespace "${brand.namespace}" is already used by brand "${existingBrand.brand.id}"`
+    );
+  }
+  brandRegistry.set(brand.id, {
+    brand,
+    enabled: options?.enabled !== false,
+    loader: options?.loader
+  });
+}
+async function loadBrand(brandId) {
+  if (brandCache.has(brandId)) {
+    return brandCache.get(brandId);
+  }
+  const entry = brandRegistry.get(brandId);
+  if (!entry) {
+    throw new Error(`Brand "${brandId}" not found in registry`);
+  }
+  if (entry.enabled === false) {
+    throw new Error(`Brand "${brandId}" is disabled`);
+  }
+  if (entry.loader) {
+    try {
+      const module = await entry.loader();
+      const loadedBrand = module.default;
+      const validation = validateBrand(loadedBrand);
+      if (!validation.valid) {
+        throw new Error(`Invalid loaded brand "${brandId}": ${validation.errors.join(", ")}`);
+      }
+      brandCache.set(brandId, loadedBrand);
+      return loadedBrand;
+    } catch (error) {
+      throw new Error(
+        `Failed to load brand "${brandId}": ${error instanceof Error ? error.message : String(error)}`
+      );
+    }
+  }
+  brandCache.set(brandId, entry.brand);
+  return entry.brand;
+}
+function getActiveBrand() {
+  return activeBrand;
+}
+function setActiveBrand(brand) {
+  activeBrand = brand;
+  activeNamespace = brand?.namespace || null;
+}
+function clearActiveBrand() {
+  activeBrand = null;
+  activeNamespace = null;
+}
+function getBrandTheme(brand, mode) {
+  return brand.themes.find((theme) => theme.mode === mode);
+}
+function applyBrandOverrides(brand, mode) {
+  if (typeof document === "undefined") return;
+  const theme = getBrandTheme(brand, mode);
+  if (!theme) {
+    console.warn(`Brand "${brand.id}" has no theme for mode "${mode}"`);
+    return;
+  }
+  const root = document.documentElement;
+  const { namespace } = brand;
+  const { overrides } = theme;
+  if (overrides.primaryColors) {
+    Object.entries(overrides.primaryColors).forEach(([key, value]) => {
+      root.style.setProperty(`--brand-${namespace}-primary-${key}`, value);
+    });
+  }
+  if (overrides.accentColors) {
+    Object.entries(overrides.accentColors).forEach(([key, value]) => {
+      root.style.setProperty(`--brand-${namespace}-accent-${key}`, value);
+    });
+  }
+  if (overrides.secondaryColors) {
+    Object.entries(overrides.secondaryColors).forEach(([key, value]) => {
+      root.style.setProperty(`--brand-${namespace}-secondary-${key}`, value);
+    });
+  }
+  const modeColors = mode === "day" ? overrides.baseColorsDay : overrides.baseColorsNight;
+  if (modeColors) {
+    Object.entries(modeColors).forEach(([key, value]) => {
+      root.style.setProperty(`--brand-${namespace}-${key}`, value);
+    });
+  }
+  if (overrides.typography) {
+    if (overrides.typography.fontFamily) {
+      Object.entries(overrides.typography.fontFamily).forEach(([key, value]) => {
+        root.style.setProperty(
+          `--brand-${namespace}-font-${key}`,
+          Array.isArray(value) ? value.join(", ") : value
+        );
+      });
+    }
+    if (overrides.typography.fontSize) {
+      Object.entries(overrides.typography.fontSize).forEach(([key, value]) => {
+        const fontSizeValue = typeof value === "string" ? value : value[0];
+        root.style.setProperty(`--brand-${namespace}-font-size-${key}`, fontSizeValue);
+      });
+    }
+    if (overrides.typography.fontWeight) {
+      Object.entries(overrides.typography.fontWeight).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-font-weight-${key}`, value);
+      });
+    }
+    if (overrides.typography.lineHeight) {
+      Object.entries(overrides.typography.lineHeight).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-line-height-${key}`, value);
+      });
+    }
+    if (overrides.typography.letterSpacing) {
+      Object.entries(overrides.typography.letterSpacing).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-letter-spacing-${key}`, value);
+      });
+    }
+  }
+  if (overrides.spacing) {
+    if (overrides.spacing.semanticSpacing) {
+      Object.entries(overrides.spacing.semanticSpacing).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-spacing-${key}`, value);
+      });
+    }
+    if (overrides.spacing.layoutSpacing) {
+      const layout = overrides.spacing.layoutSpacing;
+      if (layout.section) {
+        Object.entries(layout.section).forEach(([key, value]) => {
+          if (typeof value === "string") {
+            root.style.setProperty(`--brand-${namespace}-layout-section-${key}`, value);
+          }
+        });
       }
-    ],
-    "3xl": [
-      fontSize["3xl"][0],
-      {
-        lineHeight: fontSize["3xl"][1].lineHeight,
-        letterSpacing: fontSize["3xl"][1].letterSpacing
+      if (layout.container) {
+        Object.entries(layout.container).forEach(([key, value]) => {
+          if (typeof value === "string") {
+            root.style.setProperty(`--brand-${namespace}-layout-container-${key}`, value);
+          }
+        });
       }
-    ],
-    "4xl": [
-      fontSize["4xl"][0],
-      {
-        lineHeight: fontSize["4xl"][1].lineHeight,
-        letterSpacing: fontSize["4xl"][1].letterSpacing
+      if (layout.grid) {
+        Object.entries(layout.grid).forEach(([key, value]) => {
+          if (typeof value === "string") {
+            root.style.setProperty(`--brand-${namespace}-layout-grid-${key}`, value);
+          }
+        });
       }
-    ],
-    "5xl": [
-      fontSize["5xl"][0],
-      {
-        lineHeight: fontSize["5xl"][1].lineHeight,
-        letterSpacing: fontSize["5xl"][1].letterSpacing
+      if (layout.stack) {
+        Object.entries(layout.stack).forEach(([key, value]) => {
+          if (typeof value === "string") {
+            root.style.setProperty(`--brand-${namespace}-layout-stack-${key}`, value);
+          }
+        });
       }
-    ],
-    "6xl": [
-      fontSize["6xl"][0],
-      {
-        lineHeight: fontSize["6xl"][1].lineHeight,
-        letterSpacing: fontSize["6xl"][1].letterSpacing
+      if (layout.component) {
+        Object.entries(layout.component).forEach(([key, value]) => {
+          if (typeof value === "string") {
+            root.style.setProperty(`--brand-${namespace}-layout-component-${key}`, value);
+          }
+        });
       }
-    ],
-    "7xl": [
-      fontSize["7xl"][0],
-      {
-        lineHeight: fontSize["7xl"][1].lineHeight,
-        letterSpacing: fontSize["7xl"][1].letterSpacing
+    }
+  }
+  if (overrides.shadows) {
+    if (overrides.shadows.elevationShadows) {
+      Object.entries(overrides.shadows.elevationShadows).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-shadow-${key}`, value);
+      });
+    }
+    if (overrides.shadows.primaryColoredShadows) {
+      Object.entries(overrides.shadows.primaryColoredShadows).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-shadow-primary-${key}`, value);
+      });
+    }
+    if (overrides.shadows.accentColoredShadows) {
+      Object.entries(overrides.shadows.accentColoredShadows).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-shadow-accent-${key}`, value);
+      });
+    }
+    if (overrides.shadows.glowEffects) {
+      Object.entries(overrides.shadows.glowEffects).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-glow-${key}`, value);
+      });
+    }
+    if (overrides.shadows.focusRings) {
+      Object.entries(overrides.shadows.focusRings).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-focus-ring-${key}`, value);
+      });
+    }
+  }
+  if (overrides.radius) {
+    if (overrides.radius.borderRadius) {
+      Object.entries(overrides.radius.borderRadius).forEach(([key, value]) => {
+        root.style.setProperty(`--brand-${namespace}-radius-${key}`, value);
+      });
+    }
+    if (overrides.radius.componentRadius) {
+      const { componentRadius: componentRadius2 } = overrides.radius;
+      if (componentRadius2.button) {
+        Object.entries(componentRadius2.button).forEach(([key, value]) => {
+          root.style.setProperty(`--brand-${namespace}-radius-button-${key}`, value);
+        });
       }
-    ],
-    "8xl": [
-      fontSize["8xl"][0],
-      {
-        lineHeight: fontSize["8xl"][1].lineHeight,
-        letterSpacing: fontSize["8xl"][1].letterSpacing
+      if (componentRadius2.card) {
+        Object.entries(componentRadius2.card).forEach(([key, value]) => {
+          root.style.setProperty(`--brand-${namespace}-radius-card-${key}`, value);
+        });
       }
-    ],
-    "9xl": [
-      fontSize["9xl"][0],
-      {
-        lineHeight: fontSize["9xl"][1].lineHeight,
-        letterSpacing: fontSize["9xl"][1].letterSpacing
+      if (componentRadius2.input) {
+        Object.entries(componentRadius2.input).forEach(([key, value]) => {
+          root.style.setProperty(`--brand-${namespace}-radius-input-${key}`, value);
+        });
       }
-    ]
-  }});
+    }
+  }
+  setActiveBrand(brand);
+  root.setAttribute("data-brand", brand.id);
+  root.setAttribute("data-brand-namespace", namespace);
+}
+function removeBrandOverrides(namespace) {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  const { style } = root;
+  const propsToRemove = [];
+  for (let i = 0; i < style.length; i++) {
+    const prop = style.item(i);
+    if (prop && prop.startsWith(`--brand-${namespace}-`)) {
+      propsToRemove.push(prop);
+    }
+  }
+  propsToRemove.forEach((prop) => {
+    style.removeProperty(prop);
+  });
+  root.removeAttribute("data-brand");
+  root.removeAttribute("data-brand-namespace");
+  if (activeNamespace === namespace) {
+    clearActiveBrand();
+  }
+}
+
+// src/themes/index.ts
+var themes = {
+  default: () => Promise.resolve().then(() => (init_default(), default_exports)).then((m) => m.defaultTheme),
+  dark: () => Promise.resolve().then(() => (init_dark(), dark_exports)).then((m) => m.darkTheme),
+  brand: () => Promise.resolve().then(() => (init_brand(), brand_exports)).then((m) => m.brandTheme)
+};
+async function getTheme(name) {
+  const themeLoader = themes[name];
+  if (!themeLoader) {
+    throw new Error(`Theme "${name}" not found`);
+  }
+  return await themeLoader();
+}
 
-// src/tokens/state-matrix.ts
+// src/FOUNDATION/tokens/state-matrix.ts
 function getStateVariableName(component, variant, state, property) {
   const propertyMap = {
     background: "bg",
@@ -2476,7 +2476,7 @@ function flattenStateMatrix(stateMatrix) {
   return variables;
 }
 
-// src/tokens/states.ts
+// src/FOUNDATION/tokens/states.ts
 function getButtonStateMatrix(mode, baseColors2, surfaceColors2) {
   const primaryBase = primaryColors[600];
   const primaryHover = primaryColors[700];
@@ -2606,7 +2606,7 @@ function getButtonStateMatrix(mode, baseColors2, surfaceColors2) {
   };
 }
 
-// src/theme/applyStateMatrix.ts
+// src/FOUNDATION/theme/applyStateMatrix.ts
 function getMergedBaseTokens(_mode) {
   return {
     baseColors,
@@ -2677,7 +2677,7 @@ function updateStateMatrixFromTokens(mode) {
   }
 }
 
-// src/theme/applyMode.ts
+// src/FOUNDATION/theme/applyMode.ts
 var MODE_ATTRIBUTE = "data-mode";
 var THEME_ATTRIBUTE = "data-theme-name";
 var MODE_THEME_ATTRIBUTE = "data-theme";
@@ -3090,7 +3090,7 @@ function persistBrand(brandId, storageKey = "tm_brand") {
   }
 }
 
-// src/theme/registry.ts
+// src/FOUNDATION/theme/registry.ts
 var themeRegistry = /* @__PURE__ */ new Map();
 function registerTheme(entry) {
   themeRegistry.set(entry.metadata.id, entry);
@@ -3170,7 +3170,7 @@ function initializeDefaultThemes() {
 }
 initializeDefaultThemes();
 
-// src/theme/schema.ts
+// src/FOUNDATION/theme/schema.ts
 var REQUIRED_FIELDS = ["id", "name"];
 function validateThemeSchema(theme) {
   const errors = [];
@@ -3264,7 +3264,7 @@ function createMinimalThemeSchema(id, name) {
   };
 }
 
-// src/theme/loader.ts
+// src/FOUNDATION/theme/loader.ts
 var DEFAULT_OPTIONS = {
   fallbackThemeId: "default",
   validate: true,
@@ -3341,7 +3341,7 @@ async function canLoadTheme(themeId) {
   }
 }
 
-// src/theme/spacing.ts
+// src/FOUNDATION/theme/spacing.ts
 var spacing2 = {
   none: "0",
   xs: "0.25rem",
@@ -3697,7 +3697,7 @@ function useTheme() {
   return context;
 }
 
-// src/theme/typography.ts
+// src/FOUNDATION/theme/typography.ts
 var fontFamilies = {
   sans: [
     "ui-sans-serif",