rafters 0.0.63 → 0.0.64

package/dist/index.js

@@ -24290,16 +24290,16 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // CORE SURFACE TOKENS (shadcn compatible)
   // ============================================================================
   background: {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Primary page background color",
     contexts: ["page-bg", "app-background"],
     do: ["Use for main page background"],
     never: ["Use for interactive elements"]
   },
   foreground: {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Primary text color",
     contexts: ["body-text", "headings", "primary-content"],
     do: ["Use for main text content", "Use for headings"],
@@ -24307,32 +24307,32 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   },
   // Card surfaces
   card: {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Card and contained surface background",
     contexts: ["cards", "modals", "dialogs", "panels"],
     do: ["Use for elevated surfaces"],
     never: ["Use for page-level backgrounds"]
   },
   "card-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on card surfaces",
     contexts: ["card-text", "modal-text"],
     do: ["Use for text within cards"],
     never: ["Use without card background"]
   },
   "card-hover": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Card hover state background",
     contexts: ["card-hover"],
     do: ["Use for card hover states"],
     never: ["Use as default card background"]
   },
   "card-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Card border color",
     contexts: ["card-borders"],
     do: ["Use for card borders"],
@@ -24340,24 +24340,24 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   },
   // Popover surfaces
   popover: {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Popover and dropdown background",
     contexts: ["dropdowns", "tooltips", "menus"],
     do: ["Use for floating elements"],
     never: ["Use for static content"]
   },
   "popover-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text in popovers",
     contexts: ["dropdown-text", "menu-text"],
     do: ["Use for popover content"],
     never: ["Use outside floating elements"]
   },
   "popover-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Popover border color",
     contexts: ["popover-borders"],
     do: ["Use for popover borders"],
@@ -24365,40 +24365,40 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   },
   // Generic surface
   surface: {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Elevated surface background",
     contexts: ["elevated-elements"],
     do: ["Use for elevated surfaces"],
     never: ["Use for page background"]
   },
   "surface-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on surface backgrounds",
     contexts: ["surface-text"],
     do: ["Use for text on surfaces"],
     never: ["Use without surface background"]
   },
   "surface-hover": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Surface hover state",
     contexts: ["surface-hover"],
     do: ["Use for surface hover states"],
     never: ["Use as default surface"]
   },
   "surface-active": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Surface active/pressed state",
     contexts: ["surface-active"],
     do: ["Use for active surface states"],
     never: ["Use for hover states"]
   },
   "surface-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Surface border color",
     contexts: ["surface-borders"],
     do: ["Use for surface borders"],
@@ -24408,8 +24408,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // PRIMARY - Main brand/action color (shadcn compatible + extended)
   // ============================================================================
   primary: {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Primary interactive elements - buttons, links, focus states",
     contexts: ["primary-buttons", "links", "active-states"],
     do: ["Use for main CTA buttons", "Use for primary links"],
@@ -24418,80 +24418,80 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     consequence: "reversible"
   },
   "primary-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Text on primary color backgrounds",
     contexts: ["button-text", "primary-action-text"],
     do: ["Use for text on primary buttons"],
     never: ["Use without primary background"]
   },
   "primary-hover": {
-    light: { family: "zinc", position: "800" },
-    dark: { family: "zinc", position: "200" },
+    light: { family: "neutral", position: "800" },
+    dark: { family: "neutral", position: "200" },
     meaning: "Primary hover state",
     contexts: ["primary-hover"],
     do: ["Use for primary button hover"],
     never: ["Use as default primary"]
   },
   "primary-hover-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Text on primary hover",
     contexts: ["primary-hover-text"],
     do: ["Use for text on primary hover"],
     never: ["Use without primary-hover background"]
   },
   "primary-active": {
-    light: { family: "zinc", position: "700" },
-    dark: { family: "zinc", position: "300" },
+    light: { family: "neutral", position: "700" },
+    dark: { family: "neutral", position: "300" },
     meaning: "Primary active/pressed state",
     contexts: ["primary-active"],
     do: ["Use for primary button active state"],
     never: ["Use for hover states"]
   },
   "primary-active-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Text on primary active",
     contexts: ["primary-active-text"],
     do: ["Use for text on primary active"],
     never: ["Use without primary-active background"]
   },
   "primary-focus": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Primary focus state",
     contexts: ["primary-focus"],
     do: ["Use for primary focus states"],
     never: ["Use for non-focused elements"]
   },
   "primary-border": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Primary border color",
     contexts: ["primary-borders"],
     do: ["Use for primary element borders"],
     never: ["Use for neutral borders"]
   },
   "primary-ring": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Primary focus ring color",
     contexts: ["primary-focus-ring"],
     do: ["Use for primary element focus rings"],
     never: ["Use for decorative rings"]
   },
   "primary-subtle": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Subtle primary background for badges/alerts",
     contexts: ["primary-badges", "primary-alerts"],
     do: ["Use for subtle primary backgrounds"],
     never: ["Use for primary buttons"]
   },
   "primary-subtle-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "100" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "100" },
     meaning: "Text on subtle primary backgrounds",
     contexts: ["primary-subtle-text"],
     do: ["Use for text on subtle primary"],
@@ -24501,8 +24501,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // SECONDARY - Alternative action color (shadcn compatible + extended)
   // ============================================================================
   secondary: {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Secondary interactive elements - less prominent actions",
     contexts: ["secondary-buttons", "alternative-actions"],
     do: ["Use for secondary actions", "Use when primary is too strong"],
@@ -24511,64 +24511,64 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     consequence: "reversible"
   },
   "secondary-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on secondary color backgrounds",
     contexts: ["secondary-button-text"],
     do: ["Use for text on secondary buttons"],
     never: ["Use without secondary background"]
   },
   "secondary-hover": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Secondary hover state",
     contexts: ["secondary-hover"],
     do: ["Use for secondary hover"],
     never: ["Use as default secondary"]
   },
   "secondary-hover-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on secondary hover",
     contexts: ["secondary-hover-text"],
     do: ["Use for text on secondary hover"],
     never: ["Use without secondary-hover background"]
   },
   "secondary-active": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Secondary active/pressed state",
     contexts: ["secondary-active"],
     do: ["Use for secondary active state"],
     never: ["Use for hover states"]
   },
   "secondary-active-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on secondary active",
     contexts: ["secondary-active-text"],
     do: ["Use for text on secondary active"],
     never: ["Use without secondary-active background"]
   },
   "secondary-focus": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Secondary focus state",
     contexts: ["secondary-focus"],
     do: ["Use for secondary focus states"],
     never: ["Use for non-focused elements"]
   },
   "secondary-border": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Secondary border color",
     contexts: ["secondary-borders"],
     do: ["Use for secondary element borders"],
     never: ["Use for primary borders"]
   },
   "secondary-ring": {
-    light: { family: "zinc", position: "400" },
-    dark: { family: "zinc", position: "500" },
+    light: { family: "neutral", position: "400" },
+    dark: { family: "neutral", position: "500" },
     meaning: "Secondary focus ring color",
     contexts: ["secondary-focus-ring"],
     do: ["Use for secondary element focus rings"],
@@ -24578,48 +24578,48 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // MUTED - Subdued elements (shadcn compatible + extended)
   // ============================================================================
   muted: {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Muted backgrounds for subtle emphasis",
     contexts: ["subtle-backgrounds", "inactive-tabs", "disabled-areas"],
     do: ["Use for subtle background differentiation"],
     never: ["Use for interactive elements needing visibility"]
   },
   "muted-foreground": {
-    light: { family: "zinc", position: "500" },
-    dark: { family: "zinc", position: "400" },
+    light: { family: "neutral", position: "500" },
+    dark: { family: "neutral", position: "400" },
     meaning: "Muted text for secondary information",
     contexts: ["helper-text", "placeholders", "metadata"],
     do: ["Use for secondary text", "Use for placeholders"],
     never: ["Use for primary content", "Use for important information"]
   },
   "muted-hover": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Muted hover state",
     contexts: ["muted-hover"],
     do: ["Use for muted hover states"],
     never: ["Use as default muted"]
   },
   "muted-hover-foreground": {
-    light: { family: "zinc", position: "600" },
-    dark: { family: "zinc", position: "300" },
+    light: { family: "neutral", position: "600" },
+    dark: { family: "neutral", position: "300" },
     meaning: "Text on muted hover",
     contexts: ["muted-hover-text"],
     do: ["Use for text on muted hover"],
     never: ["Use without muted-hover background"]
   },
   "muted-active": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Muted active state",
     contexts: ["muted-active"],
     do: ["Use for muted active states"],
     never: ["Use for hover states"]
   },
   "muted-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Muted border color",
     contexts: ["muted-borders"],
     do: ["Use for muted element borders"],
@@ -24629,64 +24629,64 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // ACCENT - Highlight/emphasis color (shadcn compatible + extended)
   // ============================================================================
   accent: {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Accent for hover states and highlights",
     contexts: ["hover-states", "selected-items", "focus-backgrounds"],
     do: ["Use for hover backgrounds", "Use for selected states"],
     never: ["Use for primary actions"]
   },
   "accent-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on accent backgrounds",
     contexts: ["hover-text", "selected-text"],
     do: ["Use for text on accent backgrounds"],
     never: ["Use without accent background"]
   },
   "accent-hover": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Accent hover state",
     contexts: ["accent-hover"],
     do: ["Use for accent hover states"],
     never: ["Use as default accent"]
   },
   "accent-hover-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on accent hover",
     contexts: ["accent-hover-text"],
     do: ["Use for text on accent hover"],
     never: ["Use without accent-hover background"]
   },
   "accent-active": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Accent active state",
     contexts: ["accent-active"],
     do: ["Use for accent active states"],
     never: ["Use for hover states"]
   },
   "accent-active-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on accent active",
     contexts: ["accent-active-text"],
     do: ["Use for text on accent active"],
     never: ["Use without accent-active background"]
   },
   "accent-border": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Accent border color",
     contexts: ["accent-borders"],
     do: ["Use for accent element borders"],
     never: ["Use for neutral borders"]
   },
   "accent-ring": {
-    light: { family: "zinc", position: "400" },
-    dark: { family: "zinc", position: "500" },
+    light: { family: "neutral", position: "400" },
+    dark: { family: "neutral", position: "500" },
     meaning: "Accent focus ring color",
     contexts: ["accent-focus-ring"],
     do: ["Use for accent element focus rings"],
@@ -24707,8 +24707,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     consequence: "destructive"
   },
   "destructive-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on destructive backgrounds",
     contexts: ["delete-button-text", "error-message-text"],
     do: ["Use for text on destructive buttons"],
@@ -24723,8 +24723,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use as default destructive"]
   },
   "destructive-hover-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on destructive hover",
     contexts: ["destructive-hover-text"],
     do: ["Use for text on destructive hover"],
@@ -24739,8 +24739,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use for hover states"]
   },
   "destructive-active-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on destructive active",
     contexts: ["destructive-active-text"],
     do: ["Use for text on destructive active"],
@@ -24801,8 +24801,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     consequence: "reversible"
   },
   "success-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on success backgrounds",
     contexts: ["success-message-text"],
     do: ["Use for text on success backgrounds"],
@@ -24817,8 +24817,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use as default success"]
   },
   "success-hover-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on success hover",
     contexts: ["success-hover-text"],
     do: ["Use for text on success hover"],
@@ -24833,8 +24833,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use for hover states"]
   },
   "success-active-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on success active",
     contexts: ["success-active-text"],
     do: ["Use for text on success active"],
@@ -24895,8 +24895,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     consequence: "significant"
   },
   "warning-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on warning backgrounds",
     contexts: ["warning-message-text"],
     do: ["Use for text on warning backgrounds"],
@@ -24911,8 +24911,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use as default warning"]
   },
   "warning-hover-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on warning hover",
     contexts: ["warning-hover-text"],
     do: ["Use for text on warning hover"],
@@ -24927,8 +24927,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use for hover states"]
   },
   "warning-active-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on warning active",
     contexts: ["warning-active-text"],
     do: ["Use for text on warning active"],
@@ -24989,8 +24989,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     consequence: "reversible"
   },
   "info-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on info backgrounds",
     contexts: ["info-message-text"],
     do: ["Use for text on info backgrounds"],
@@ -25005,8 +25005,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use as default info"]
   },
   "info-hover-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on info hover",
     contexts: ["info-hover-text"],
     do: ["Use for text on info hover"],
@@ -25021,8 +25021,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use for hover states"]
   },
   "info-active-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on info active",
     contexts: ["info-active-text"],
     do: ["Use for text on info active"],
@@ -25082,8 +25082,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     consequence: "significant"
   },
   "alert-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on alert backgrounds",
     contexts: ["alert-text"],
     do: ["Use for text on alert backgrounds"],
@@ -25098,8 +25098,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use as default alert"]
   },
   "alert-hover-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on alert hover",
     contexts: ["alert-hover-text"],
     do: ["Use for text on alert hover"],
@@ -25114,8 +25114,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use for hover states"]
   },
   "alert-active-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Text on alert active",
     contexts: ["alert-active-text"],
     do: ["Use for text on alert active"],
@@ -25208,32 +25208,32 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // BORDER TOKENS (shadcn compatible + extended)
   // ============================================================================
   border: {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Default border color",
     contexts: ["dividers", "separators", "input-borders"],
     do: ["Use for subtle borders", "Use for dividers"],
     never: ["Use for emphasized borders"]
   },
   "border-hover": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Border hover state",
     contexts: ["border-hover"],
     do: ["Use for border hover states"],
     never: ["Use as default border"]
   },
   "border-focus": {
-    light: { family: "zinc", position: "400" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "400" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Border focus state",
     contexts: ["border-focus"],
     do: ["Use for focused element borders"],
     never: ["Use for non-focused elements"]
   },
   "border-active": {
-    light: { family: "zinc", position: "500" },
-    dark: { family: "zinc", position: "500" },
+    light: { family: "neutral", position: "500" },
+    dark: { family: "neutral", position: "500" },
     meaning: "Border active state",
     contexts: ["border-active"],
     do: ["Use for active element borders"],
@@ -25243,56 +25243,56 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // INPUT TOKENS (shadcn compatible + extended for form states)
   // ============================================================================
   input: {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Input field border color",
     contexts: ["form-inputs", "text-fields", "selects"],
     do: ["Use for form field borders"],
     never: ["Use for buttons"]
   },
   "input-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Input text color",
     contexts: ["input-text"],
     do: ["Use for input text"],
     never: ["Use for placeholders"]
   },
   "input-hover": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Input hover state",
     contexts: ["input-hover"],
     do: ["Use for input hover states"],
     never: ["Use as default input"]
   },
   "input-focus": {
-    light: { family: "zinc", position: "400" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "400" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Input focus state",
     contexts: ["input-focus"],
     do: ["Use for input focus states"],
     never: ["Use for non-focused inputs"]
   },
   "input-disabled": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Disabled input background",
     contexts: ["disabled-inputs"],
     do: ["Use for disabled input backgrounds"],
     never: ["Use for enabled inputs"]
   },
   "input-disabled-foreground": {
-    light: { family: "zinc", position: "400" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "400" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Disabled input text color",
     contexts: ["disabled-input-text"],
     do: ["Use for disabled input text"],
     never: ["Use for enabled input text"]
   },
   "input-placeholder": {
-    light: { family: "zinc", position: "500" },
-    dark: { family: "zinc", position: "400" },
+    light: { family: "neutral", position: "500" },
+    dark: { family: "neutral", position: "400" },
     meaning: "Placeholder text color",
     contexts: ["placeholders"],
     do: ["Use for placeholder text"],
@@ -25334,24 +25334,24 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // RING/FOCUS TOKENS (shadcn compatible + extended for a11y)
   // ============================================================================
   ring: {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "300" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "300" },
     meaning: "Focus ring color",
     contexts: ["focus-states", "keyboard-navigation"],
     do: ["Use for focus indicators", "Ensure high contrast"],
     never: ["Use for decorative elements"]
   },
   "ring-offset": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Focus ring offset color",
     contexts: ["focus-ring-offset"],
     do: ["Use for focus ring offset"],
     never: ["Use as primary color"]
   },
   "ring-primary": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Primary focus ring",
     contexts: ["primary-focus-ring"],
     do: ["Use for primary element focus rings"],
@@ -25444,8 +25444,8 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
     never: ["Use for other highlights"]
   },
   "selection-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text selection foreground",
     contexts: ["text-selection-foreground"],
     do: ["Use for ::selection text color"],
@@ -25455,168 +25455,168 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // SIDEBAR TOKENS (shadcn compatible + extended)
   // ============================================================================
   sidebar: {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Sidebar background",
     contexts: ["navigation-sidebar", "side-panels"],
     do: ["Use for sidebar backgrounds"],
     never: ["Use for main content areas"]
   },
   "sidebar-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Sidebar text color",
     contexts: ["sidebar-text", "nav-items"],
     do: ["Use for sidebar content"],
     never: ["Use outside sidebar context"]
   },
   "sidebar-muted": {
-    light: { family: "zinc", position: "500" },
-    dark: { family: "zinc", position: "400" },
+    light: { family: "neutral", position: "500" },
+    dark: { family: "neutral", position: "400" },
     meaning: "Sidebar muted text",
     contexts: ["sidebar-secondary-text"],
     do: ["Use for secondary sidebar text"],
     never: ["Use for primary sidebar text"]
   },
   "sidebar-primary": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Sidebar primary accent",
     contexts: ["active-nav-item", "selected-sidebar-item"],
     do: ["Use for active sidebar items"],
     never: ["Use for inactive items"]
   },
   "sidebar-primary-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Text on sidebar primary",
     contexts: ["active-nav-text"],
     do: ["Use for active nav item text"],
     never: ["Use without sidebar-primary background"]
   },
   "sidebar-primary-hover": {
-    light: { family: "zinc", position: "800" },
-    dark: { family: "zinc", position: "200" },
+    light: { family: "neutral", position: "800" },
+    dark: { family: "neutral", position: "200" },
     meaning: "Sidebar primary hover",
     contexts: ["sidebar-primary-hover"],
     do: ["Use for sidebar primary hover"],
     never: ["Use as default sidebar primary"]
   },
   "sidebar-primary-active": {
-    light: { family: "zinc", position: "700" },
-    dark: { family: "zinc", position: "300" },
+    light: { family: "neutral", position: "700" },
+    dark: { family: "neutral", position: "300" },
     meaning: "Sidebar primary active",
     contexts: ["sidebar-primary-active"],
     do: ["Use for sidebar primary active state"],
     never: ["Use for hover states"]
   },
   "sidebar-accent": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Sidebar hover/accent state",
     contexts: ["sidebar-hover", "sidebar-selected"],
     do: ["Use for sidebar hover states"],
     never: ["Use for active state"]
   },
   "sidebar-accent-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Text on sidebar accent",
     contexts: ["sidebar-hover-text"],
     do: ["Use for hovered sidebar text"],
     never: ["Use without sidebar-accent background"]
   },
   "sidebar-accent-hover": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Sidebar accent hover",
     contexts: ["sidebar-accent-hover"],
     do: ["Use for sidebar accent hover"],
     never: ["Use as default sidebar accent"]
   },
   "sidebar-accent-active": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Sidebar accent active",
     contexts: ["sidebar-accent-active"],
     do: ["Use for sidebar accent active state"],
     never: ["Use for hover states"]
   },
   "sidebar-item": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Sidebar item background",
     contexts: ["sidebar-items"],
     do: ["Use for sidebar item backgrounds"],
     never: ["Use for active items"]
   },
   "sidebar-item-foreground": {
-    light: { family: "zinc", position: "700" },
-    dark: { family: "zinc", position: "300" },
+    light: { family: "neutral", position: "700" },
+    dark: { family: "neutral", position: "300" },
     meaning: "Sidebar item text",
     contexts: ["sidebar-item-text"],
     do: ["Use for sidebar item text"],
     never: ["Use for active item text"]
   },
   "sidebar-item-hover": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Sidebar item hover",
     contexts: ["sidebar-item-hover"],
     do: ["Use for sidebar item hover"],
     never: ["Use as default item background"]
   },
   "sidebar-item-hover-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Sidebar item hover text",
     contexts: ["sidebar-item-hover-text"],
     do: ["Use for sidebar item hover text"],
     never: ["Use without hover background"]
   },
   "sidebar-item-active": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Sidebar item active",
     contexts: ["sidebar-item-active"],
     do: ["Use for sidebar item active state"],
     never: ["Use for hover states"]
   },
   "sidebar-item-active-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Sidebar item active text",
     contexts: ["sidebar-item-active-text"],
     do: ["Use for sidebar item active text"],
     never: ["Use without active background"]
   },
   "sidebar-item-selected": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Sidebar selected item",
     contexts: ["sidebar-selected-item"],
     do: ["Use for selected sidebar items"],
     never: ["Use for unselected items"]
   },
   "sidebar-item-selected-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Sidebar selected item text",
     contexts: ["sidebar-selected-item-text"],
     do: ["Use for selected item text"],
     never: ["Use without selected background"]
   },
   "sidebar-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Sidebar border/divider color",
     contexts: ["sidebar-dividers", "nav-section-borders"],
     do: ["Use for sidebar dividers"],
     never: ["Use for main content borders"]
   },
   "sidebar-ring": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "300" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "300" },
     meaning: "Sidebar focus ring",
     contexts: ["sidebar-focus-states"],
     do: ["Use for sidebar focus indicators"],
@@ -25626,80 +25626,80 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // NAVIGATION TOKENS
   // ============================================================================
   nav: {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Navigation background",
     contexts: ["navbars", "breadcrumbs", "tabs"],
     do: ["Use for navigation backgrounds"],
     never: ["Use for content areas"]
   },
   "nav-foreground": {
-    light: { family: "zinc", position: "700" },
-    dark: { family: "zinc", position: "300" },
+    light: { family: "neutral", position: "700" },
+    dark: { family: "neutral", position: "300" },
     meaning: "Navigation text",
     contexts: ["nav-links", "nav-items"],
     do: ["Use for navigation text"],
     never: ["Use for active nav text"]
   },
   "nav-hover": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Navigation hover",
     contexts: ["nav-hover"],
     do: ["Use for nav hover states"],
     never: ["Use as default nav background"]
   },
   "nav-hover-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Navigation hover text",
     contexts: ["nav-hover-text"],
     do: ["Use for nav hover text"],
     never: ["Use without hover background"]
   },
   "nav-active": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Navigation active",
     contexts: ["nav-active"],
     do: ["Use for nav active states"],
     never: ["Use for hover states"]
   },
   "nav-active-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Navigation active text",
     contexts: ["nav-active-text"],
     do: ["Use for nav active text"],
     never: ["Use without active background"]
   },
   "nav-selected": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Navigation selected",
     contexts: ["nav-selected"],
     do: ["Use for selected nav items"],
     never: ["Use for unselected items"]
   },
   "nav-selected-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Navigation selected text",
     contexts: ["nav-selected-text"],
     do: ["Use for selected nav text"],
     never: ["Use without selected background"]
   },
   "nav-disabled": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Navigation disabled",
     contexts: ["nav-disabled"],
     do: ["Use for disabled nav items"],
     never: ["Use for enabled items"]
   },
   "nav-disabled-foreground": {
-    light: { family: "zinc", position: "400" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "400" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Navigation disabled text",
     contexts: ["nav-disabled-text"],
     do: ["Use for disabled nav text"],
@@ -25709,64 +25709,64 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // TABLE TOKENS
   // ============================================================================
   table: {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Table background",
     contexts: ["data-tables"],
     do: ["Use for table backgrounds"],
     never: ["Use for content areas"]
   },
   "table-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Table text",
     contexts: ["table-text"],
     do: ["Use for table text"],
     never: ["Use without table background"]
   },
   "table-header": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Table header background",
     contexts: ["table-headers"],
     do: ["Use for table header backgrounds"],
     never: ["Use for table body"]
   },
   "table-header-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Table header text",
     contexts: ["table-header-text"],
     do: ["Use for table header text"],
     never: ["Use for body text"]
   },
   "table-row-hover": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Table row hover",
     contexts: ["table-row-hover"],
     do: ["Use for table row hover"],
     never: ["Use as default row background"]
   },
   "table-row-selected": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Table row selected",
     contexts: ["table-row-selected"],
     do: ["Use for selected table rows"],
     never: ["Use for unselected rows"]
   },
   "table-row-selected-foreground": {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Table row selected text",
     contexts: ["table-row-selected-text"],
     do: ["Use for selected row text"],
     never: ["Use without selected background"]
   },
   "table-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Table border",
     contexts: ["table-borders"],
     do: ["Use for table borders"],
@@ -25776,16 +25776,16 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // TOOLTIP TOKENS
   // ============================================================================
   tooltip: {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Tooltip background",
     contexts: ["tooltips"],
     do: ["Use for tooltip backgrounds"],
     never: ["Use for content areas"]
   },
   "tooltip-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Tooltip text",
     contexts: ["tooltip-text"],
     do: ["Use for tooltip text"],
@@ -25795,16 +25795,16 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // OVERLAY TOKENS
   // ============================================================================
   overlay: {
-    light: { family: "zinc", position: "950" },
-    dark: { family: "zinc", position: "950" },
+    light: { family: "neutral", position: "950" },
+    dark: { family: "neutral", position: "950" },
     meaning: "Overlay background",
     contexts: ["modals", "dialogs", "sheets"],
     do: ["Use for modal backdrops"],
     never: ["Use for content backgrounds"]
   },
   "overlay-foreground": {
-    light: { family: "zinc", position: "50" },
-    dark: { family: "zinc", position: "50" },
+    light: { family: "neutral", position: "50" },
+    dark: { family: "neutral", position: "50" },
     meaning: "Overlay text",
     contexts: ["overlay-text"],
     do: ["Use for text on overlays"],
@@ -25814,16 +25814,16 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // SKELETON/LOADING TOKENS
   // ============================================================================
   skeleton: {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Skeleton loader background",
     contexts: ["loading-states", "skeletons"],
     do: ["Use for skeleton backgrounds"],
     never: ["Use for content backgrounds"]
   },
   "skeleton-highlight": {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Skeleton loader highlight",
     contexts: ["skeleton-animation"],
     do: ["Use for skeleton animation highlight"],
@@ -25876,24 +25876,24 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // SCROLLBAR TOKENS
   // ============================================================================
   scrollbar: {
-    light: { family: "zinc", position: "300" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "300" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Scrollbar thumb color",
     contexts: ["scrollbars"],
     do: ["Use for scrollbar thumbs"],
     never: ["Use for content elements"]
   },
   "scrollbar-hover": {
-    light: { family: "zinc", position: "400" },
-    dark: { family: "zinc", position: "600" },
+    light: { family: "neutral", position: "400" },
+    dark: { family: "neutral", position: "600" },
     meaning: "Scrollbar thumb hover",
     contexts: ["scrollbar-hover"],
     do: ["Use for scrollbar thumb hover"],
     never: ["Use as default scrollbar color"]
   },
   "scrollbar-track": {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Scrollbar track background",
     contexts: ["scrollbar-tracks"],
     do: ["Use for scrollbar track backgrounds"],
@@ -25903,24 +25903,24 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // CODE/SYNTAX TOKENS
   // ============================================================================
   code: {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "900" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "900" },
     meaning: "Code block background",
     contexts: ["code-blocks", "inline-code"],
     do: ["Use for code backgrounds"],
     never: ["Use for regular text"]
   },
   "code-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "100" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "100" },
     meaning: "Code text color",
     contexts: ["code-text"],
     do: ["Use for code text"],
     never: ["Use without code background"]
   },
   "code-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Code block border",
     contexts: ["code-borders"],
     do: ["Use for code block borders"],
@@ -25930,24 +25930,24 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // BADGE TOKENS
   // ============================================================================
   badge: {
-    light: { family: "zinc", position: "100" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "100" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Badge background",
     contexts: ["badges", "labels"],
     do: ["Use for badge backgrounds"],
     never: ["Use for buttons"]
   },
   "badge-foreground": {
-    light: { family: "zinc", position: "900" },
-    dark: { family: "zinc", position: "100" },
+    light: { family: "neutral", position: "900" },
+    dark: { family: "neutral", position: "100" },
     meaning: "Badge text color",
     contexts: ["badge-text"],
     do: ["Use for badge text"],
     never: ["Use without badge background"]
   },
   "badge-border": {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "700" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "700" },
     meaning: "Badge border",
     contexts: ["badge-borders"],
     do: ["Use for badge borders"],
@@ -25957,16 +25957,16 @@ var DEFAULT_SEMANTIC_COLOR_MAPPINGS = {
   // AVATAR TOKENS
   // ============================================================================
   avatar: {
-    light: { family: "zinc", position: "200" },
-    dark: { family: "zinc", position: "800" },
+    light: { family: "neutral", position: "200" },
+    dark: { family: "neutral", position: "800" },
     meaning: "Avatar fallback background",
     contexts: ["avatars", "fallback-images"],
     do: ["Use for avatar fallback backgrounds"],
     never: ["Use for content backgrounds"]
   },
   "avatar-foreground": {
-    light: { family: "zinc", position: "600" },
-    dark: { family: "zinc", position: "400" },
+    light: { family: "neutral", position: "600" },
+    dark: { family: "neutral", position: "400" },
     meaning: "Avatar fallback text/icon color",
     contexts: ["avatar-initials", "avatar-icons"],
     do: ["Use for avatar initials or icons"],
@@ -28881,6 +28881,17 @@ function readEnvelopes(dir) {
 }
 
 // ../design-tokens/src/plugin.ts
+function resolveFamily(familyName, get3) {
+  let resolved = get3(familyName);
+  let resolvedName = familyName;
+  if (resolved && typeof resolved === "object" && "family" in resolved && "position" in resolved) {
+    resolvedName = resolved.family;
+    resolved = get3(resolvedName);
+  }
+  const family = resolved;
+  if (!family) return null;
+  return { family, resolvedName };
+}
 function definePlugin(spec) {
   return {
     name: spec.name,
@@ -29047,18 +29058,18 @@ var invertPlugin = definePlugin({
   outputSchema: ColorReferenceSchema,
   dependsOn: (input2) => [input2.familyName],
   transform: (input2, get3) => {
-    const family = get3(input2.familyName);
-    if (!family) {
+    const result = resolveFamily(input2.familyName, get3);
+    if (!result) {
       throw new Error(`invert plugin: family "${input2.familyName}" not found in registry`);
     }
-    const darkIndex = findDarkCounterpartIndex(input2.basePosition, family);
+    const darkIndex = findDarkCounterpartIndex(input2.basePosition, result.family);
     const darkPosition = SCALE_POSITIONS[darkIndex];
     if (!darkPosition) {
       throw new Error(
         `invert plugin: invalid dark index ${darkIndex} for base position ${input2.basePosition}`
       );
     }
-    return { family: input2.familyName, position: darkPosition };
+    return { family: result.resolvedName, position: darkPosition };
   }
 });
 
@@ -29073,15 +29084,15 @@ var scalePlugin = definePlugin({
   outputSchema: ColorReferenceSchema,
   dependsOn: (input2) => [input2.familyName],
   transform: (input2, get3) => {
-    const family = get3(input2.familyName);
-    if (!family) {
+    const result = resolveFamily(input2.familyName, get3);
+    if (!result) {
       throw new Error(`scale plugin: family "${input2.familyName}" not found in registry`);
     }
     const position = SCALE_POSITIONS[input2.scalePosition];
     if (position === void 0) {
       throw new Error(`scale plugin: invalid position index ${input2.scalePosition}`);
     }
-    return { family: input2.familyName, position };
+    return { family: result.resolvedName, position };
   }
 });
 
@@ -29210,6 +29221,15 @@ async function backupCss(cssPath) {
   await copyFile(cssPath, backupPath);
   return backupPath;
 }
+async function stripImportedDeclarations(cwd, cssPath, importedNames) {
+  if (importedNames.length === 0) return;
+  const fullPath = join7(cwd, cssPath);
+  const content = await readFile4(fullPath, "utf-8");
+  const pattern = new RegExp(importedNames.map((n2) => `^\\s*--${n2}[^;]*;\\s*$`).join("|"), "gm");
+  const cleaned = content.replace(pattern, "");
+  const collapsed = cleaned.replace(/\n{3,}/g, "\n\n");
+  await writeFile2(fullPath, collapsed);
+}
 async function updateMainCss(cwd, cssPath, themePath) {
   const fullCssPath = join7(cwd, cssPath);
   const cssContent = await readFile4(fullCssPath, "utf-8");
@@ -29771,6 +29791,11 @@ async function init(options) {
           }
           saveRegistryToDir(paths.tokens, registry2);
           await generateOutputs(cwd, paths, registry2, exports, shadcn);
+          const importedNames = [
+            ...toImportColors.map((c4) => c4.name),
+            ...toImportNonColors.map((d2) => d2.name)
+          ];
+          await stripImportedDeclarations(cwd, detectedCssPath, importedNames);
           log({
             event: "init:import_applied",
             count: toImportColors.length + toImportNonColors.length - skipped.length,
@@ -29854,6 +29879,10 @@ async function init(options) {
             }
             saveRegistryToDir(paths.tokens, registry2);
             await generateOutputs(cwd, paths, registry2, exports, shadcn);
+            const themeImportedNames = families.flatMap(
+              (f) => SCALE_POSITIONS.map((p2) => `color-${f.name}-${p2}`).concat([`color-${f.name}`])
+            );
+            await stripImportedDeclarations(cwd, detectedCssPath, themeImportedNames);
             log({
               event: "init:import_palettes_applied",
               cssPath: detectedCssPath,