native-variants 0.1.64 → 0.1.69

package/dist/tokens/default-tokens.d.ts

@@ -0,0 +1,2737 @@
+/**
+ * Tailwind CSS color palette.
+ * Complete color system with all shades from 50 to 950.
+ * @see https://tailwindcss.com/docs/customizing-colors
+ */
+export declare const tailwindColors: {
+    /** @color transparent - Fully transparent */
+    readonly transparent: "transparent";
+    /** @color currentColor - Inherits current text color */
+    readonly current: "currentColor";
+    /** @color #000000 - Pure black */
+    readonly black: "#000000";
+    /** @color #FFFFFF - Pure white */
+    readonly white: "#FFFFFF";
+    /** @color #f8fafc - Slate 50 (lightest) */
+    readonly slate50: "#f8fafc";
+    /** @color #f1f5f9 - Slate 100 */
+    readonly slate100: "#f1f5f9";
+    /** @color #e2e8f0 - Slate 200 */
+    readonly slate200: "#e2e8f0";
+    /** @color #cbd5e1 - Slate 300 */
+    readonly slate300: "#cbd5e1";
+    /** @color #94a3b8 - Slate 400 */
+    readonly slate400: "#94a3b8";
+    /** @color #64748b - Slate 500 */
+    readonly slate500: "#64748b";
+    /** @color #475569 - Slate 600 */
+    readonly slate600: "#475569";
+    /** @color #334155 - Slate 700 */
+    readonly slate700: "#334155";
+    /** @color #1e293b - Slate 800 */
+    readonly slate800: "#1e293b";
+    /** @color #0f172a - Slate 900 */
+    readonly slate900: "#0f172a";
+    /** @color #020617 - Slate 950 (darkest) */
+    readonly slate950: "#020617";
+    /** @color #f9fafb - Gray 50 (lightest) */
+    readonly gray50: "#f9fafb";
+    /** @color #f3f4f6 - Gray 100 */
+    readonly gray100: "#f3f4f6";
+    /** @color #e5e7eb - Gray 200 */
+    readonly gray200: "#e5e7eb";
+    /** @color #d1d5db - Gray 300 */
+    readonly gray300: "#d1d5db";
+    /** @color #9ca3af - Gray 400 */
+    readonly gray400: "#9ca3af";
+    /** @color #6b7280 - Gray 500 */
+    readonly gray500: "#6b7280";
+    /** @color #4b5563 - Gray 600 */
+    readonly gray600: "#4b5563";
+    /** @color #374151 - Gray 700 */
+    readonly gray700: "#374151";
+    /** @color #1f2937 - Gray 800 */
+    readonly gray800: "#1f2937";
+    /** @color #111827 - Gray 900 */
+    readonly gray900: "#111827";
+    /** @color #030712 - Gray 950 (darkest) */
+    readonly gray950: "#030712";
+    /** @color #fafafa - Zinc 50 (lightest) */
+    readonly zinc50: "#fafafa";
+    /** @color #f4f4f5 - Zinc 100 */
+    readonly zinc100: "#f4f4f5";
+    /** @color #e4e4e7 - Zinc 200 */
+    readonly zinc200: "#e4e4e7";
+    /** @color #d4d4d8 - Zinc 300 */
+    readonly zinc300: "#d4d4d8";
+    /** @color #a1a1aa - Zinc 400 */
+    readonly zinc400: "#a1a1aa";
+    /** @color #71717a - Zinc 500 */
+    readonly zinc500: "#71717a";
+    /** @color #52525b - Zinc 600 */
+    readonly zinc600: "#52525b";
+    /** @color #3f3f46 - Zinc 700 */
+    readonly zinc700: "#3f3f46";
+    /** @color #27272a - Zinc 800 */
+    readonly zinc800: "#27272a";
+    /** @color #18181b - Zinc 900 */
+    readonly zinc900: "#18181b";
+    /** @color #09090b - Zinc 950 (darkest) */
+    readonly zinc950: "#09090b";
+    /** @color #fafafa - Neutral 50 (lightest) */
+    readonly neutral50: "#fafafa";
+    /** @color #f5f5f5 - Neutral 100 */
+    readonly neutral100: "#f5f5f5";
+    /** @color #e5e5e5 - Neutral 200 */
+    readonly neutral200: "#e5e5e5";
+    /** @color #d4d4d4 - Neutral 300 */
+    readonly neutral300: "#d4d4d4";
+    /** @color #a3a3a3 - Neutral 400 */
+    readonly neutral400: "#a3a3a3";
+    /** @color #737373 - Neutral 500 */
+    readonly neutral500: "#737373";
+    /** @color #525252 - Neutral 600 */
+    readonly neutral600: "#525252";
+    /** @color #404040 - Neutral 700 */
+    readonly neutral700: "#404040";
+    /** @color #262626 - Neutral 800 */
+    readonly neutral800: "#262626";
+    /** @color #171717 - Neutral 900 */
+    readonly neutral900: "#171717";
+    /** @color #0a0a0a - Neutral 950 (darkest) */
+    readonly neutral950: "#0a0a0a";
+    /** @color #fafaf9 - Stone 50 (lightest) */
+    readonly stone50: "#fafaf9";
+    /** @color #f5f5f4 - Stone 100 */
+    readonly stone100: "#f5f5f4";
+    /** @color #e7e5e4 - Stone 200 */
+    readonly stone200: "#e7e5e4";
+    /** @color #d6d3d1 - Stone 300 */
+    readonly stone300: "#d6d3d1";
+    /** @color #a8a29e - Stone 400 */
+    readonly stone400: "#a8a29e";
+    /** @color #78716c - Stone 500 */
+    readonly stone500: "#78716c";
+    /** @color #57534e - Stone 600 */
+    readonly stone600: "#57534e";
+    /** @color #44403c - Stone 700 */
+    readonly stone700: "#44403c";
+    /** @color #292524 - Stone 800 */
+    readonly stone800: "#292524";
+    /** @color #1c1917 - Stone 900 */
+    readonly stone900: "#1c1917";
+    /** @color #0c0a09 - Stone 950 (darkest) */
+    readonly stone950: "#0c0a09";
+    /** @color #fef2f2 - Red 50 (lightest) */
+    readonly red50: "#fef2f2";
+    /** @color #fee2e2 - Red 100 */
+    readonly red100: "#fee2e2";
+    /** @color #fecaca - Red 200 */
+    readonly red200: "#fecaca";
+    /** @color #fca5a5 - Red 300 */
+    readonly red300: "#fca5a5";
+    /** @color #f87171 - Red 400 */
+    readonly red400: "#f87171";
+    /** @color #ef4444 - Red 500 */
+    readonly red500: "#ef4444";
+    /** @color #dc2626 - Red 600 */
+    readonly red600: "#dc2626";
+    /** @color #b91c1c - Red 700 */
+    readonly red700: "#b91c1c";
+    /** @color #991b1b - Red 800 */
+    readonly red800: "#991b1b";
+    /** @color #7f1d1d - Red 900 */
+    readonly red900: "#7f1d1d";
+    /** @color #450a0a - Red 950 (darkest) */
+    readonly red950: "#450a0a";
+    /** @color #fff7ed - Orange 50 (lightest) */
+    readonly orange50: "#fff7ed";
+    /** @color #ffedd5 - Orange 100 */
+    readonly orange100: "#ffedd5";
+    /** @color #fed7aa - Orange 200 */
+    readonly orange200: "#fed7aa";
+    /** @color #fdba74 - Orange 300 */
+    readonly orange300: "#fdba74";
+    /** @color #fb923c - Orange 400 */
+    readonly orange400: "#fb923c";
+    /** @color #f97316 - Orange 500 */
+    readonly orange500: "#f97316";
+    /** @color #ea580c - Orange 600 */
+    readonly orange600: "#ea580c";
+    /** @color #c2410c - Orange 700 */
+    readonly orange700: "#c2410c";
+    /** @color #9a3412 - Orange 800 */
+    readonly orange800: "#9a3412";
+    /** @color #7c2d12 - Orange 900 */
+    readonly orange900: "#7c2d12";
+    /** @color #431407 - Orange 950 (darkest) */
+    readonly orange950: "#431407";
+    /** @color #fffbeb - Amber 50 (lightest) */
+    readonly amber50: "#fffbeb";
+    /** @color #fef3c7 - Amber 100 */
+    readonly amber100: "#fef3c7";
+    /** @color #fde68a - Amber 200 */
+    readonly amber200: "#fde68a";
+    /** @color #fcd34d - Amber 300 */
+    readonly amber300: "#fcd34d";
+    /** @color #fbbf24 - Amber 400 */
+    readonly amber400: "#fbbf24";
+    /** @color #f59e0b - Amber 500 */
+    readonly amber500: "#f59e0b";
+    /** @color #d97706 - Amber 600 */
+    readonly amber600: "#d97706";
+    /** @color #b45309 - Amber 700 */
+    readonly amber700: "#b45309";
+    /** @color #92400e - Amber 800 */
+    readonly amber800: "#92400e";
+    /** @color #78350f - Amber 900 */
+    readonly amber900: "#78350f";
+    /** @color #451a03 - Amber 950 (darkest) */
+    readonly amber950: "#451a03";
+    /** @color #fefce8 - Yellow 50 (lightest) */
+    readonly yellow50: "#fefce8";
+    /** @color #fef9c3 - Yellow 100 */
+    readonly yellow100: "#fef9c3";
+    /** @color #fef08a - Yellow 200 */
+    readonly yellow200: "#fef08a";
+    /** @color #fde047 - Yellow 300 */
+    readonly yellow300: "#fde047";
+    /** @color #facc15 - Yellow 400 */
+    readonly yellow400: "#facc15";
+    /** @color #eab308 - Yellow 500 */
+    readonly yellow500: "#eab308";
+    /** @color #ca8a04 - Yellow 600 */
+    readonly yellow600: "#ca8a04";
+    /** @color #a16207 - Yellow 700 */
+    readonly yellow700: "#a16207";
+    /** @color #854d0e - Yellow 800 */
+    readonly yellow800: "#854d0e";
+    /** @color #713f12 - Yellow 900 */
+    readonly yellow900: "#713f12";
+    /** @color #422006 - Yellow 950 (darkest) */
+    readonly yellow950: "#422006";
+    /** @color #f7fee7 - Lime 50 (lightest) */
+    readonly lime50: "#f7fee7";
+    /** @color #ecfccb - Lime 100 */
+    readonly lime100: "#ecfccb";
+    /** @color #d9f99d - Lime 200 */
+    readonly lime200: "#d9f99d";
+    /** @color #bef264 - Lime 300 */
+    readonly lime300: "#bef264";
+    /** @color #a3e635 - Lime 400 */
+    readonly lime400: "#a3e635";
+    /** @color #84cc16 - Lime 500 */
+    readonly lime500: "#84cc16";
+    /** @color #65a30d - Lime 600 */
+    readonly lime600: "#65a30d";
+    /** @color #4d7c0f - Lime 700 */
+    readonly lime700: "#4d7c0f";
+    /** @color #3f6212 - Lime 800 */
+    readonly lime800: "#3f6212";
+    /** @color #365314 - Lime 900 */
+    readonly lime900: "#365314";
+    /** @color #1a2e05 - Lime 950 (darkest) */
+    readonly lime950: "#1a2e05";
+    /** @color #f0fdf4 - Green 50 (lightest) */
+    readonly green50: "#f0fdf4";
+    /** @color #dcfce7 - Green 100 */
+    readonly green100: "#dcfce7";
+    /** @color #bbf7d0 - Green 200 */
+    readonly green200: "#bbf7d0";
+    /** @color #86efac - Green 300 */
+    readonly green300: "#86efac";
+    /** @color #4ade80 - Green 400 */
+    readonly green400: "#4ade80";
+    /** @color #22c55e - Green 500 */
+    readonly green500: "#22c55e";
+    /** @color #16a34a - Green 600 */
+    readonly green600: "#16a34a";
+    /** @color #15803d - Green 700 */
+    readonly green700: "#15803d";
+    /** @color #166534 - Green 800 */
+    readonly green800: "#166534";
+    /** @color #14532d - Green 900 */
+    readonly green900: "#14532d";
+    /** @color #052e16 - Green 950 (darkest) */
+    readonly green950: "#052e16";
+    /** @color #ecfdf5 - Emerald 50 (lightest) */
+    readonly emerald50: "#ecfdf5";
+    /** @color #d1fae5 - Emerald 100 */
+    readonly emerald100: "#d1fae5";
+    /** @color #a7f3d0 - Emerald 200 */
+    readonly emerald200: "#a7f3d0";
+    /** @color #6ee7b7 - Emerald 300 */
+    readonly emerald300: "#6ee7b7";
+    /** @color #34d399 - Emerald 400 */
+    readonly emerald400: "#34d399";
+    /** @color #10b981 - Emerald 500 */
+    readonly emerald500: "#10b981";
+    /** @color #059669 - Emerald 600 */
+    readonly emerald600: "#059669";
+    /** @color #047857 - Emerald 700 */
+    readonly emerald700: "#047857";
+    /** @color #065f46 - Emerald 800 */
+    readonly emerald800: "#065f46";
+    /** @color #064e3b - Emerald 900 */
+    readonly emerald900: "#064e3b";
+    /** @color #022c22 - Emerald 950 (darkest) */
+    readonly emerald950: "#022c22";
+    /** @color #f0fdfa - Teal 50 (lightest) */
+    readonly teal50: "#f0fdfa";
+    /** @color #ccfbf1 - Teal 100 */
+    readonly teal100: "#ccfbf1";
+    /** @color #99f6e4 - Teal 200 */
+    readonly teal200: "#99f6e4";
+    /** @color #5eead4 - Teal 300 */
+    readonly teal300: "#5eead4";
+    /** @color #2dd4bf - Teal 400 */
+    readonly teal400: "#2dd4bf";
+    /** @color #14b8a6 - Teal 500 */
+    readonly teal500: "#14b8a6";
+    /** @color #0d9488 - Teal 600 */
+    readonly teal600: "#0d9488";
+    /** @color #0f766e - Teal 700 */
+    readonly teal700: "#0f766e";
+    /** @color #115e59 - Teal 800 */
+    readonly teal800: "#115e59";
+    /** @color #134e4a - Teal 900 */
+    readonly teal900: "#134e4a";
+    /** @color #042f2e - Teal 950 (darkest) */
+    readonly teal950: "#042f2e";
+    /** @color #ecfeff - Cyan 50 (lightest) */
+    readonly cyan50: "#ecfeff";
+    /** @color #cffafe - Cyan 100 */
+    readonly cyan100: "#cffafe";
+    /** @color #a5f3fc - Cyan 200 */
+    readonly cyan200: "#a5f3fc";
+    /** @color #67e8f9 - Cyan 300 */
+    readonly cyan300: "#67e8f9";
+    /** @color #22d3ee - Cyan 400 */
+    readonly cyan400: "#22d3ee";
+    /** @color #06b6d4 - Cyan 500 */
+    readonly cyan500: "#06b6d4";
+    /** @color #0891b2 - Cyan 600 */
+    readonly cyan600: "#0891b2";
+    /** @color #0e7490 - Cyan 700 */
+    readonly cyan700: "#0e7490";
+    /** @color #155e75 - Cyan 800 */
+    readonly cyan800: "#155e75";
+    /** @color #164e63 - Cyan 900 */
+    readonly cyan900: "#164e63";
+    /** @color #083344 - Cyan 950 (darkest) */
+    readonly cyan950: "#083344";
+    /** @color #f0f9ff - Sky 50 (lightest) */
+    readonly sky50: "#f0f9ff";
+    /** @color #e0f2fe - Sky 100 */
+    readonly sky100: "#e0f2fe";
+    /** @color #bae6fd - Sky 200 */
+    readonly sky200: "#bae6fd";
+    /** @color #7dd3fc - Sky 300 */
+    readonly sky300: "#7dd3fc";
+    /** @color #38bdf8 - Sky 400 */
+    readonly sky400: "#38bdf8";
+    /** @color #0ea5e9 - Sky 500 */
+    readonly sky500: "#0ea5e9";
+    /** @color #0284c7 - Sky 600 */
+    readonly sky600: "#0284c7";
+    /** @color #0369a1 - Sky 700 */
+    readonly sky700: "#0369a1";
+    /** @color #075985 - Sky 800 */
+    readonly sky800: "#075985";
+    /** @color #0c4a6e - Sky 900 */
+    readonly sky900: "#0c4a6e";
+    /** @color #082f49 - Sky 950 (darkest) */
+    readonly sky950: "#082f49";
+    /** @color #eff6ff - Blue 50 (lightest) */
+    readonly blue50: "#eff6ff";
+    /** @color #dbeafe - Blue 100 */
+    readonly blue100: "#dbeafe";
+    /** @color #bfdbfe - Blue 200 */
+    readonly blue200: "#bfdbfe";
+    /** @color #93c5fd - Blue 300 */
+    readonly blue300: "#93c5fd";
+    /** @color #60a5fa - Blue 400 */
+    readonly blue400: "#60a5fa";
+    /** @color #3b82f6 - Blue 500 */
+    readonly blue500: "#3b82f6";
+    /** @color #2563eb - Blue 600 */
+    readonly blue600: "#2563eb";
+    /** @color #1d4ed8 - Blue 700 */
+    readonly blue700: "#1d4ed8";
+    /** @color #1e40af - Blue 800 */
+    readonly blue800: "#1e40af";
+    /** @color #1e3a8a - Blue 900 */
+    readonly blue900: "#1e3a8a";
+    /** @color #172554 - Blue 950 (darkest) */
+    readonly blue950: "#172554";
+    /** @color #eef2ff - Indigo 50 (lightest) */
+    readonly indigo50: "#eef2ff";
+    /** @color #e0e7ff - Indigo 100 */
+    readonly indigo100: "#e0e7ff";
+    /** @color #c7d2fe - Indigo 200 */
+    readonly indigo200: "#c7d2fe";
+    /** @color #a5b4fc - Indigo 300 */
+    readonly indigo300: "#a5b4fc";
+    /** @color #818cf8 - Indigo 400 */
+    readonly indigo400: "#818cf8";
+    /** @color #6366f1 - Indigo 500 */
+    readonly indigo500: "#6366f1";
+    /** @color #4f46e5 - Indigo 600 */
+    readonly indigo600: "#4f46e5";
+    /** @color #4338ca - Indigo 700 */
+    readonly indigo700: "#4338ca";
+    /** @color #3730a3 - Indigo 800 */
+    readonly indigo800: "#3730a3";
+    /** @color #312e81 - Indigo 900 */
+    readonly indigo900: "#312e81";
+    /** @color #1e1b4b - Indigo 950 (darkest) */
+    readonly indigo950: "#1e1b4b";
+    /** @color #f5f3ff - Violet 50 (lightest) */
+    readonly violet50: "#f5f3ff";
+    /** @color #ede9fe - Violet 100 */
+    readonly violet100: "#ede9fe";
+    /** @color #ddd6fe - Violet 200 */
+    readonly violet200: "#ddd6fe";
+    /** @color #c4b5fd - Violet 300 */
+    readonly violet300: "#c4b5fd";
+    /** @color #a78bfa - Violet 400 */
+    readonly violet400: "#a78bfa";
+    /** @color #8b5cf6 - Violet 500 */
+    readonly violet500: "#8b5cf6";
+    /** @color #7c3aed - Violet 600 */
+    readonly violet600: "#7c3aed";
+    /** @color #6d28d9 - Violet 700 */
+    readonly violet700: "#6d28d9";
+    /** @color #5b21b6 - Violet 800 */
+    readonly violet800: "#5b21b6";
+    /** @color #4c1d95 - Violet 900 */
+    readonly violet900: "#4c1d95";
+    /** @color #2e1065 - Violet 950 (darkest) */
+    readonly violet950: "#2e1065";
+    /** @color #faf5ff - Purple 50 (lightest) */
+    readonly purple50: "#faf5ff";
+    /** @color #f3e8ff - Purple 100 */
+    readonly purple100: "#f3e8ff";
+    /** @color #e9d5ff - Purple 200 */
+    readonly purple200: "#e9d5ff";
+    /** @color #d8b4fe - Purple 300 */
+    readonly purple300: "#d8b4fe";
+    /** @color #c084fc - Purple 400 */
+    readonly purple400: "#c084fc";
+    /** @color #a855f7 - Purple 500 */
+    readonly purple500: "#a855f7";
+    /** @color #9333ea - Purple 600 */
+    readonly purple600: "#9333ea";
+    /** @color #7e22ce - Purple 700 */
+    readonly purple700: "#7e22ce";
+    /** @color #6b21a8 - Purple 800 */
+    readonly purple800: "#6b21a8";
+    /** @color #581c87 - Purple 900 */
+    readonly purple900: "#581c87";
+    /** @color #3b0764 - Purple 950 (darkest) */
+    readonly purple950: "#3b0764";
+    /** @color #fdf4ff - Fuchsia 50 (lightest) */
+    readonly fuchsia50: "#fdf4ff";
+    /** @color #fae8ff - Fuchsia 100 */
+    readonly fuchsia100: "#fae8ff";
+    /** @color #f5d0fe - Fuchsia 200 */
+    readonly fuchsia200: "#f5d0fe";
+    /** @color #f0abfc - Fuchsia 300 */
+    readonly fuchsia300: "#f0abfc";
+    /** @color #e879f9 - Fuchsia 400 */
+    readonly fuchsia400: "#e879f9";
+    /** @color #d946ef - Fuchsia 500 */
+    readonly fuchsia500: "#d946ef";
+    /** @color #c026d3 - Fuchsia 600 */
+    readonly fuchsia600: "#c026d3";
+    /** @color #a21caf - Fuchsia 700 */
+    readonly fuchsia700: "#a21caf";
+    /** @color #86198f - Fuchsia 800 */
+    readonly fuchsia800: "#86198f";
+    /** @color #701a75 - Fuchsia 900 */
+    readonly fuchsia900: "#701a75";
+    /** @color #4a044e - Fuchsia 950 (darkest) */
+    readonly fuchsia950: "#4a044e";
+    /** @color #fdf2f8 - Pink 50 (lightest) */
+    readonly pink50: "#fdf2f8";
+    /** @color #fce7f3 - Pink 100 */
+    readonly pink100: "#fce7f3";
+    /** @color #fbcfe8 - Pink 200 */
+    readonly pink200: "#fbcfe8";
+    /** @color #f9a8d4 - Pink 300 */
+    readonly pink300: "#f9a8d4";
+    /** @color #f472b6 - Pink 400 */
+    readonly pink400: "#f472b6";
+    /** @color #ec4899 - Pink 500 */
+    readonly pink500: "#ec4899";
+    /** @color #db2777 - Pink 600 */
+    readonly pink600: "#db2777";
+    /** @color #be185d - Pink 700 */
+    readonly pink700: "#be185d";
+    /** @color #9d174d - Pink 800 */
+    readonly pink800: "#9d174d";
+    /** @color #831843 - Pink 900 */
+    readonly pink900: "#831843";
+    /** @color #500724 - Pink 950 (darkest) */
+    readonly pink950: "#500724";
+    /** @color #fff1f2 - Rose 50 (lightest) */
+    readonly rose50: "#fff1f2";
+    /** @color #ffe4e6 - Rose 100 */
+    readonly rose100: "#ffe4e6";
+    /** @color #fecdd3 - Rose 200 */
+    readonly rose200: "#fecdd3";
+    /** @color #fda4af - Rose 300 */
+    readonly rose300: "#fda4af";
+    /** @color #fb7185 - Rose 400 */
+    readonly rose400: "#fb7185";
+    /** @color #f43f5e - Rose 500 */
+    readonly rose500: "#f43f5e";
+    /** @color #e11d48 - Rose 600 */
+    readonly rose600: "#e11d48";
+    /** @color #be123c - Rose 700 */
+    readonly rose700: "#be123c";
+    /** @color #9f1239 - Rose 800 */
+    readonly rose800: "#9f1239";
+    /** @color #881337 - Rose 900 */
+    readonly rose900: "#881337";
+    /** @color #4c0519 - Rose 950 (darkest) */
+    readonly rose950: "#4c0519";
+};
+/**
+ * Tailwind CSS spacing scale.
+ * Values in pixels, following Tailwind's 4px base unit.
+ * @see https://tailwindcss.com/docs/customizing-spacing
+ */
+export declare const tailwindSpacing: {
+    /** @value 0px */
+    readonly "0": 0;
+    /** @value 1px */
+    readonly px: 1;
+    /** @value 2px (0.125rem) */
+    readonly "0.5": 2;
+    /** @value 4px (0.25rem) */
+    readonly "1": 4;
+    /** @value 6px (0.375rem) */
+    readonly "1.5": 6;
+    /** @value 8px (0.5rem) */
+    readonly "2": 8;
+    /** @value 10px (0.625rem) */
+    readonly "2.5": 10;
+    /** @value 12px (0.75rem) */
+    readonly "3": 12;
+    /** @value 14px (0.875rem) */
+    readonly "3.5": 14;
+    /** @value 16px (1rem) */
+    readonly "4": 16;
+    /** @value 20px (1.25rem) */
+    readonly "5": 20;
+    /** @value 24px (1.5rem) */
+    readonly "6": 24;
+    /** @value 28px (1.75rem) */
+    readonly "7": 28;
+    /** @value 32px (2rem) */
+    readonly "8": 32;
+    /** @value 36px (2.25rem) */
+    readonly "9": 36;
+    /** @value 40px (2.5rem) */
+    readonly "10": 40;
+    /** @value 44px (2.75rem) */
+    readonly "11": 44;
+    /** @value 48px (3rem) */
+    readonly "12": 48;
+    /** @value 56px (3.5rem) */
+    readonly "14": 56;
+    /** @value 64px (4rem) */
+    readonly "16": 64;
+    /** @value 80px (5rem) */
+    readonly "20": 80;
+    /** @value 96px (6rem) */
+    readonly "24": 96;
+    /** @value 112px (7rem) */
+    readonly "28": 112;
+    /** @value 128px (8rem) */
+    readonly "32": 128;
+    /** @value 144px (9rem) */
+    readonly "36": 144;
+    /** @value 160px (10rem) */
+    readonly "40": 160;
+    /** @value 176px (11rem) */
+    readonly "44": 176;
+    /** @value 192px (12rem) */
+    readonly "48": 192;
+    /** @value 208px (13rem) */
+    readonly "52": 208;
+    /** @value 224px (14rem) */
+    readonly "56": 224;
+    /** @value 240px (15rem) */
+    readonly "60": 240;
+    /** @value 256px (16rem) */
+    readonly "64": 256;
+    /** @value 288px (18rem) */
+    readonly "72": 288;
+    /** @value 320px (20rem) */
+    readonly "80": 320;
+    /** @value 384px (24rem) */
+    readonly "96": 384;
+};
+/**
+ * Tailwind CSS font size scale.
+ * Values in pixels.
+ * @see https://tailwindcss.com/docs/font-size
+ */
+export declare const tailwindFontSizes: {
+    /** @value 12px (0.75rem) - Extra small text */
+    readonly xs: 12;
+    /** @value 14px (0.875rem) - Small text */
+    readonly sm: 14;
+    /** @value 16px (1rem) - Base/body text */
+    readonly base: 16;
+    /** @value 18px (1.125rem) - Large text */
+    readonly lg: 18;
+    /** @value 20px (1.25rem) - Extra large */
+    readonly xl: 20;
+    /** @value 24px (1.5rem) - Heading 4 */
+    readonly "2xl": 24;
+    /** @value 30px (1.875rem) - Heading 3 */
+    readonly "3xl": 30;
+    /** @value 36px (2.25rem) - Heading 2 */
+    readonly "4xl": 36;
+    /** @value 48px (3rem) - Heading 1 */
+    readonly "5xl": 48;
+    /** @value 60px (3.75rem) - Display */
+    readonly "6xl": 60;
+    /** @value 72px (4.5rem) - Large display */
+    readonly "7xl": 72;
+    /** @value 96px (6rem) - Hero */
+    readonly "8xl": 96;
+    /** @value 128px (8rem) - Massive hero */
+    readonly "9xl": 128;
+};
+/**
+ * Tailwind CSS border radius scale.
+ * Values in pixels.
+ * @see https://tailwindcss.com/docs/border-radius
+ */
+export declare const tailwindRadii: {
+    /** @value 0px - No border radius */
+    readonly none: 0;
+    /** @value 2px (0.125rem) - Small radius */
+    readonly sm: 2;
+    /** @value 4px (0.25rem) - Default radius */
+    readonly DEFAULT: 4;
+    /** @value 6px (0.375rem) - Medium radius */
+    readonly md: 6;
+    /** @value 8px (0.5rem) - Large radius */
+    readonly lg: 8;
+    /** @value 12px (0.75rem) - Extra large radius */
+    readonly xl: 12;
+    /** @value 16px (1rem) - 2x large radius */
+    readonly "2xl": 16;
+    /** @value 24px (1.5rem) - 3x large radius */
+    readonly "3xl": 24;
+    /** @value 9999px - Full/pill radius */
+    readonly full: 9999;
+};
+/**
+ * Tailwind CSS shadow definitions for React Native.
+ * Includes both iOS (shadow*) and Android (elevation) properties.
+ * @see https://tailwindcss.com/docs/box-shadow
+ */
+export declare const tailwindShadows: {
+    /** No shadow */
+    readonly none: {
+        readonly shadowColor: "transparent";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 0;
+        };
+        readonly shadowOpacity: 0;
+        readonly shadowRadius: 0;
+        readonly elevation: 0;
+    };
+    /** Small shadow - subtle depth */
+    readonly sm: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.05;
+        readonly shadowRadius: 2;
+        readonly elevation: 1;
+    };
+    /** Default shadow - light depth */
+    readonly DEFAULT: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 3;
+        readonly elevation: 3;
+    };
+    /** Medium shadow - moderate depth */
+    readonly md: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 6;
+        readonly elevation: 6;
+    };
+    /** Large shadow - significant depth */
+    readonly lg: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 10;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 15;
+        readonly elevation: 9;
+    };
+    /** Extra large shadow - heavy depth */
+    readonly xl: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 20;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 25;
+        readonly elevation: 12;
+    };
+    /** 2x large shadow - very heavy depth */
+    readonly "2xl": {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 25;
+        };
+        readonly shadowOpacity: 0.25;
+        readonly shadowRadius: 50;
+        readonly elevation: 16;
+    };
+    /** Inner shadow effect */
+    readonly inner: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 2;
+        };
+        readonly shadowOpacity: 0.05;
+        readonly shadowRadius: 4;
+        readonly elevation: 0;
+    };
+};
+/**
+ * Tailwind CSS z-index scale.
+ * @see https://tailwindcss.com/docs/z-index
+ */
+export declare const tailwindZIndex: {
+    /** @value 0 - Base layer */
+    readonly "0": 0;
+    /** @value 10 - Above base */
+    readonly "10": 10;
+    /** @value 20 - Dropdowns */
+    readonly "20": 20;
+    /** @value 30 - Sticky elements */
+    readonly "30": 30;
+    /** @value 40 - Fixed elements */
+    readonly "40": 40;
+    /** @value 50 - Modals/overlays */
+    readonly "50": 50;
+};
+/**
+ * Tailwind CSS opacity scale.
+ * Values from 0 (transparent) to 1 (opaque).
+ * @see https://tailwindcss.com/docs/opacity
+ */
+export declare const tailwindOpacity: {
+    /** @value 0 - Fully transparent */
+    readonly "0": 0;
+    /** @value 0.05 - 5% opacity */
+    readonly "5": 0.05;
+    /** @value 0.1 - 10% opacity */
+    readonly "10": 0.1;
+    /** @value 0.15 - 15% opacity */
+    readonly "15": 0.15;
+    /** @value 0.2 - 20% opacity */
+    readonly "20": 0.2;
+    /** @value 0.25 - 25% opacity */
+    readonly "25": 0.25;
+    /** @value 0.3 - 30% opacity */
+    readonly "30": 0.3;
+    /** @value 0.35 - 35% opacity */
+    readonly "35": 0.35;
+    /** @value 0.4 - 40% opacity */
+    readonly "40": 0.4;
+    /** @value 0.45 - 45% opacity */
+    readonly "45": 0.45;
+    /** @value 0.5 - 50% opacity */
+    readonly "50": 0.5;
+    /** @value 0.55 - 55% opacity */
+    readonly "55": 0.55;
+    /** @value 0.6 - 60% opacity */
+    readonly "60": 0.6;
+    /** @value 0.65 - 65% opacity */
+    readonly "65": 0.65;
+    /** @value 0.7 - 70% opacity */
+    readonly "70": 0.7;
+    /** @value 0.75 - 75% opacity */
+    readonly "75": 0.75;
+    /** @value 0.8 - 80% opacity */
+    readonly "80": 0.8;
+    /** @value 0.85 - 85% opacity */
+    readonly "85": 0.85;
+    /** @value 0.9 - 90% opacity */
+    readonly "90": 0.9;
+    /** @value 0.95 - 95% opacity */
+    readonly "95": 0.95;
+    /** @value 1 - Fully opaque */
+    readonly "100": 1;
+};
+/**
+ * Tailwind CSS line height scale.
+ * Numeric values are in pixels, named values are multipliers.
+ * @see https://tailwindcss.com/docs/line-height
+ */
+export declare const tailwindLineHeights: {
+    /** @value 12px (0.75rem) */
+    readonly "3": 12;
+    /** @value 16px (1rem) */
+    readonly "4": 16;
+    /** @value 20px (1.25rem) */
+    readonly "5": 20;
+    /** @value 24px (1.5rem) */
+    readonly "6": 24;
+    /** @value 28px (1.75rem) */
+    readonly "7": 28;
+    /** @value 32px (2rem) */
+    readonly "8": 32;
+    /** @value 36px (2.25rem) */
+    readonly "9": 36;
+    /** @value 40px (2.5rem) */
+    readonly "10": 40;
+    /** @value 1 - No line height */
+    readonly none: 1;
+    /** @value 1.25 - Tight spacing */
+    readonly tight: 1.25;
+    /** @value 1.375 - Snug spacing */
+    readonly snug: 1.375;
+    /** @value 1.5 - Normal spacing */
+    readonly normal: 1.5;
+    /** @value 1.625 - Relaxed spacing */
+    readonly relaxed: 1.625;
+    /** @value 2 - Loose spacing */
+    readonly loose: 2;
+};
+/**
+ * Tailwind CSS font weight scale.
+ * Values are strings to match React Native's fontWeight type.
+ * @see https://tailwindcss.com/docs/font-weight
+ */
+export declare const tailwindFontWeights: {
+    /** @value "100" - Thin */
+    readonly thin: "100";
+    /** @value "200" - Extra light */
+    readonly extralight: "200";
+    /** @value "300" - Light */
+    readonly light: "300";
+    /** @value "400" - Normal/Regular */
+    readonly normal: "400";
+    /** @value "500" - Medium */
+    readonly medium: "500";
+    /** @value "600" - Semi bold */
+    readonly semibold: "600";
+    /** @value "700" - Bold */
+    readonly bold: "700";
+    /** @value "800" - Extra bold */
+    readonly extrabold: "800";
+    /** @value "900" - Black/Heavy */
+    readonly black: "900";
+};
+/**
+ * Tailwind CSS letter spacing scale.
+ * Values in pixels.
+ * @see https://tailwindcss.com/docs/letter-spacing
+ */
+export declare const tailwindLetterSpacing: {
+    /** @value -0.8px - Tighter spacing */
+    readonly tighter: -0.8;
+    /** @value -0.4px - Tight spacing */
+    readonly tight: -0.4;
+    /** @value 0px - Normal spacing */
+    readonly normal: 0;
+    /** @value 0.4px - Wide spacing */
+    readonly wide: 0.4;
+    /** @value 0.8px - Wider spacing */
+    readonly wider: 0.8;
+    /** @value 1.6px - Widest spacing */
+    readonly widest: 1.6;
+};
+/**
+ * Tailwind CSS border width scale.
+ * Values in pixels.
+ * @see https://tailwindcss.com/docs/border-width
+ */
+export declare const tailwindBorderWidths: {
+    /** @value 0px - No border */
+    readonly "0": 0;
+    /** @value 1px - Default border */
+    readonly DEFAULT: 1;
+    /** @value 2px - Medium border */
+    readonly "2": 2;
+    /** @value 4px - Thick border */
+    readonly "4": 4;
+    /** @value 8px - Extra thick border */
+    readonly "8": 8;
+};
+/**
+ * Tailwind CSS max width scale.
+ * Values in pixels (except none and full).
+ * @see https://tailwindcss.com/docs/max-width
+ */
+export declare const tailwindMaxWidths: {
+    /** @value 0px */
+    readonly "0": 0;
+    /** @value "none" - No max width */
+    readonly none: "none";
+    /** @value 320px (20rem) */
+    readonly xs: 320;
+    /** @value 384px (24rem) */
+    readonly sm: 384;
+    /** @value 448px (28rem) */
+    readonly md: 448;
+    /** @value 512px (32rem) */
+    readonly lg: 512;
+    /** @value 576px (36rem) */
+    readonly xl: 576;
+    /** @value 672px (42rem) */
+    readonly "2xl": 672;
+    /** @value 768px (48rem) */
+    readonly "3xl": 768;
+    /** @value 896px (56rem) */
+    readonly "4xl": 896;
+    /** @value 1024px (64rem) */
+    readonly "5xl": 1024;
+    /** @value 1152px (72rem) */
+    readonly "6xl": 1152;
+    /** @value 1280px (80rem) */
+    readonly "7xl": 1280;
+    /** @value "100%" - Full width */
+    readonly full: "100%";
+};
+/**
+ * Tailwind CSS animation duration scale.
+ * Values in milliseconds.
+ * @see https://tailwindcss.com/docs/transition-duration
+ */
+export declare const tailwindDurations: {
+    /** @value 0ms - Instant */
+    readonly "0": 0;
+    /** @value 75ms - Very fast */
+    readonly "75": 75;
+    /** @value 100ms - Fast */
+    readonly "100": 100;
+    /** @value 150ms - Quick */
+    readonly "150": 150;
+    /** @value 200ms - Normal */
+    readonly "200": 200;
+    /** @value 300ms - Medium */
+    readonly "300": 300;
+    /** @value 500ms - Slow */
+    readonly "500": 500;
+    /** @value 700ms - Very slow */
+    readonly "700": 700;
+    /** @value 1000ms - Extra slow */
+    readonly "1000": 1000;
+};
+/**
+ * Complete default theme using Tailwind CSS design tokens.
+ * Use this as a starting point or extend it with your own tokens.
+ *
+ * @example
+ * ```ts
+ * import { createNVA, defaultTheme } from "native-variants";
+ *
+ * const { styled, theme } = createNVA({
+ *   theme: defaultTheme,
+ * });
+ * ```
+ */
+export declare const defaultTheme: {
+    readonly colors: {
+        /** @color transparent - Fully transparent */
+        readonly transparent: "transparent";
+        /** @color currentColor - Inherits current text color */
+        readonly current: "currentColor";
+        /** @color #000000 - Pure black */
+        readonly black: "#000000";
+        /** @color #FFFFFF - Pure white */
+        readonly white: "#FFFFFF";
+        /** @color #f8fafc - Slate 50 (lightest) */
+        readonly slate50: "#f8fafc";
+        /** @color #f1f5f9 - Slate 100 */
+        readonly slate100: "#f1f5f9";
+        /** @color #e2e8f0 - Slate 200 */
+        readonly slate200: "#e2e8f0";
+        /** @color #cbd5e1 - Slate 300 */
+        readonly slate300: "#cbd5e1";
+        /** @color #94a3b8 - Slate 400 */
+        readonly slate400: "#94a3b8";
+        /** @color #64748b - Slate 500 */
+        readonly slate500: "#64748b";
+        /** @color #475569 - Slate 600 */
+        readonly slate600: "#475569";
+        /** @color #334155 - Slate 700 */
+        readonly slate700: "#334155";
+        /** @color #1e293b - Slate 800 */
+        readonly slate800: "#1e293b";
+        /** @color #0f172a - Slate 900 */
+        readonly slate900: "#0f172a";
+        /** @color #020617 - Slate 950 (darkest) */
+        readonly slate950: "#020617";
+        /** @color #f9fafb - Gray 50 (lightest) */
+        readonly gray50: "#f9fafb";
+        /** @color #f3f4f6 - Gray 100 */
+        readonly gray100: "#f3f4f6";
+        /** @color #e5e7eb - Gray 200 */
+        readonly gray200: "#e5e7eb";
+        /** @color #d1d5db - Gray 300 */
+        readonly gray300: "#d1d5db";
+        /** @color #9ca3af - Gray 400 */
+        readonly gray400: "#9ca3af";
+        /** @color #6b7280 - Gray 500 */
+        readonly gray500: "#6b7280";
+        /** @color #4b5563 - Gray 600 */
+        readonly gray600: "#4b5563";
+        /** @color #374151 - Gray 700 */
+        readonly gray700: "#374151";
+        /** @color #1f2937 - Gray 800 */
+        readonly gray800: "#1f2937";
+        /** @color #111827 - Gray 900 */
+        readonly gray900: "#111827";
+        /** @color #030712 - Gray 950 (darkest) */
+        readonly gray950: "#030712";
+        /** @color #fafafa - Zinc 50 (lightest) */
+        readonly zinc50: "#fafafa";
+        /** @color #f4f4f5 - Zinc 100 */
+        readonly zinc100: "#f4f4f5";
+        /** @color #e4e4e7 - Zinc 200 */
+        readonly zinc200: "#e4e4e7";
+        /** @color #d4d4d8 - Zinc 300 */
+        readonly zinc300: "#d4d4d8";
+        /** @color #a1a1aa - Zinc 400 */
+        readonly zinc400: "#a1a1aa";
+        /** @color #71717a - Zinc 500 */
+        readonly zinc500: "#71717a";
+        /** @color #52525b - Zinc 600 */
+        readonly zinc600: "#52525b";
+        /** @color #3f3f46 - Zinc 700 */
+        readonly zinc700: "#3f3f46";
+        /** @color #27272a - Zinc 800 */
+        readonly zinc800: "#27272a";
+        /** @color #18181b - Zinc 900 */
+        readonly zinc900: "#18181b";
+        /** @color #09090b - Zinc 950 (darkest) */
+        readonly zinc950: "#09090b";
+        /** @color #fafafa - Neutral 50 (lightest) */
+        readonly neutral50: "#fafafa";
+        /** @color #f5f5f5 - Neutral 100 */
+        readonly neutral100: "#f5f5f5";
+        /** @color #e5e5e5 - Neutral 200 */
+        readonly neutral200: "#e5e5e5";
+        /** @color #d4d4d4 - Neutral 300 */
+        readonly neutral300: "#d4d4d4";
+        /** @color #a3a3a3 - Neutral 400 */
+        readonly neutral400: "#a3a3a3";
+        /** @color #737373 - Neutral 500 */
+        readonly neutral500: "#737373";
+        /** @color #525252 - Neutral 600 */
+        readonly neutral600: "#525252";
+        /** @color #404040 - Neutral 700 */
+        readonly neutral700: "#404040";
+        /** @color #262626 - Neutral 800 */
+        readonly neutral800: "#262626";
+        /** @color #171717 - Neutral 900 */
+        readonly neutral900: "#171717";
+        /** @color #0a0a0a - Neutral 950 (darkest) */
+        readonly neutral950: "#0a0a0a";
+        /** @color #fafaf9 - Stone 50 (lightest) */
+        readonly stone50: "#fafaf9";
+        /** @color #f5f5f4 - Stone 100 */
+        readonly stone100: "#f5f5f4";
+        /** @color #e7e5e4 - Stone 200 */
+        readonly stone200: "#e7e5e4";
+        /** @color #d6d3d1 - Stone 300 */
+        readonly stone300: "#d6d3d1";
+        /** @color #a8a29e - Stone 400 */
+        readonly stone400: "#a8a29e";
+        /** @color #78716c - Stone 500 */
+        readonly stone500: "#78716c";
+        /** @color #57534e - Stone 600 */
+        readonly stone600: "#57534e";
+        /** @color #44403c - Stone 700 */
+        readonly stone700: "#44403c";
+        /** @color #292524 - Stone 800 */
+        readonly stone800: "#292524";
+        /** @color #1c1917 - Stone 900 */
+        readonly stone900: "#1c1917";
+        /** @color #0c0a09 - Stone 950 (darkest) */
+        readonly stone950: "#0c0a09";
+        /** @color #fef2f2 - Red 50 (lightest) */
+        readonly red50: "#fef2f2";
+        /** @color #fee2e2 - Red 100 */
+        readonly red100: "#fee2e2";
+        /** @color #fecaca - Red 200 */
+        readonly red200: "#fecaca";
+        /** @color #fca5a5 - Red 300 */
+        readonly red300: "#fca5a5";
+        /** @color #f87171 - Red 400 */
+        readonly red400: "#f87171";
+        /** @color #ef4444 - Red 500 */
+        readonly red500: "#ef4444";
+        /** @color #dc2626 - Red 600 */
+        readonly red600: "#dc2626";
+        /** @color #b91c1c - Red 700 */
+        readonly red700: "#b91c1c";
+        /** @color #991b1b - Red 800 */
+        readonly red800: "#991b1b";
+        /** @color #7f1d1d - Red 900 */
+        readonly red900: "#7f1d1d";
+        /** @color #450a0a - Red 950 (darkest) */
+        readonly red950: "#450a0a";
+        /** @color #fff7ed - Orange 50 (lightest) */
+        readonly orange50: "#fff7ed";
+        /** @color #ffedd5 - Orange 100 */
+        readonly orange100: "#ffedd5";
+        /** @color #fed7aa - Orange 200 */
+        readonly orange200: "#fed7aa";
+        /** @color #fdba74 - Orange 300 */
+        readonly orange300: "#fdba74";
+        /** @color #fb923c - Orange 400 */
+        readonly orange400: "#fb923c";
+        /** @color #f97316 - Orange 500 */
+        readonly orange500: "#f97316";
+        /** @color #ea580c - Orange 600 */
+        readonly orange600: "#ea580c";
+        /** @color #c2410c - Orange 700 */
+        readonly orange700: "#c2410c";
+        /** @color #9a3412 - Orange 800 */
+        readonly orange800: "#9a3412";
+        /** @color #7c2d12 - Orange 900 */
+        readonly orange900: "#7c2d12";
+        /** @color #431407 - Orange 950 (darkest) */
+        readonly orange950: "#431407";
+        /** @color #fffbeb - Amber 50 (lightest) */
+        readonly amber50: "#fffbeb";
+        /** @color #fef3c7 - Amber 100 */
+        readonly amber100: "#fef3c7";
+        /** @color #fde68a - Amber 200 */
+        readonly amber200: "#fde68a";
+        /** @color #fcd34d - Amber 300 */
+        readonly amber300: "#fcd34d";
+        /** @color #fbbf24 - Amber 400 */
+        readonly amber400: "#fbbf24";
+        /** @color #f59e0b - Amber 500 */
+        readonly amber500: "#f59e0b";
+        /** @color #d97706 - Amber 600 */
+        readonly amber600: "#d97706";
+        /** @color #b45309 - Amber 700 */
+        readonly amber700: "#b45309";
+        /** @color #92400e - Amber 800 */
+        readonly amber800: "#92400e";
+        /** @color #78350f - Amber 900 */
+        readonly amber900: "#78350f";
+        /** @color #451a03 - Amber 950 (darkest) */
+        readonly amber950: "#451a03";
+        /** @color #fefce8 - Yellow 50 (lightest) */
+        readonly yellow50: "#fefce8";
+        /** @color #fef9c3 - Yellow 100 */
+        readonly yellow100: "#fef9c3";
+        /** @color #fef08a - Yellow 200 */
+        readonly yellow200: "#fef08a";
+        /** @color #fde047 - Yellow 300 */
+        readonly yellow300: "#fde047";
+        /** @color #facc15 - Yellow 400 */
+        readonly yellow400: "#facc15";
+        /** @color #eab308 - Yellow 500 */
+        readonly yellow500: "#eab308";
+        /** @color #ca8a04 - Yellow 600 */
+        readonly yellow600: "#ca8a04";
+        /** @color #a16207 - Yellow 700 */
+        readonly yellow700: "#a16207";
+        /** @color #854d0e - Yellow 800 */
+        readonly yellow800: "#854d0e";
+        /** @color #713f12 - Yellow 900 */
+        readonly yellow900: "#713f12";
+        /** @color #422006 - Yellow 950 (darkest) */
+        readonly yellow950: "#422006";
+        /** @color #f7fee7 - Lime 50 (lightest) */
+        readonly lime50: "#f7fee7";
+        /** @color #ecfccb - Lime 100 */
+        readonly lime100: "#ecfccb";
+        /** @color #d9f99d - Lime 200 */
+        readonly lime200: "#d9f99d";
+        /** @color #bef264 - Lime 300 */
+        readonly lime300: "#bef264";
+        /** @color #a3e635 - Lime 400 */
+        readonly lime400: "#a3e635";
+        /** @color #84cc16 - Lime 500 */
+        readonly lime500: "#84cc16";
+        /** @color #65a30d - Lime 600 */
+        readonly lime600: "#65a30d";
+        /** @color #4d7c0f - Lime 700 */
+        readonly lime700: "#4d7c0f";
+        /** @color #3f6212 - Lime 800 */
+        readonly lime800: "#3f6212";
+        /** @color #365314 - Lime 900 */
+        readonly lime900: "#365314";
+        /** @color #1a2e05 - Lime 950 (darkest) */
+        readonly lime950: "#1a2e05";
+        /** @color #f0fdf4 - Green 50 (lightest) */
+        readonly green50: "#f0fdf4";
+        /** @color #dcfce7 - Green 100 */
+        readonly green100: "#dcfce7";
+        /** @color #bbf7d0 - Green 200 */
+        readonly green200: "#bbf7d0";
+        /** @color #86efac - Green 300 */
+        readonly green300: "#86efac";
+        /** @color #4ade80 - Green 400 */
+        readonly green400: "#4ade80";
+        /** @color #22c55e - Green 500 */
+        readonly green500: "#22c55e";
+        /** @color #16a34a - Green 600 */
+        readonly green600: "#16a34a";
+        /** @color #15803d - Green 700 */
+        readonly green700: "#15803d";
+        /** @color #166534 - Green 800 */
+        readonly green800: "#166534";
+        /** @color #14532d - Green 900 */
+        readonly green900: "#14532d";
+        /** @color #052e16 - Green 950 (darkest) */
+        readonly green950: "#052e16";
+        /** @color #ecfdf5 - Emerald 50 (lightest) */
+        readonly emerald50: "#ecfdf5";
+        /** @color #d1fae5 - Emerald 100 */
+        readonly emerald100: "#d1fae5";
+        /** @color #a7f3d0 - Emerald 200 */
+        readonly emerald200: "#a7f3d0";
+        /** @color #6ee7b7 - Emerald 300 */
+        readonly emerald300: "#6ee7b7";
+        /** @color #34d399 - Emerald 400 */
+        readonly emerald400: "#34d399";
+        /** @color #10b981 - Emerald 500 */
+        readonly emerald500: "#10b981";
+        /** @color #059669 - Emerald 600 */
+        readonly emerald600: "#059669";
+        /** @color #047857 - Emerald 700 */
+        readonly emerald700: "#047857";
+        /** @color #065f46 - Emerald 800 */
+        readonly emerald800: "#065f46";
+        /** @color #064e3b - Emerald 900 */
+        readonly emerald900: "#064e3b";
+        /** @color #022c22 - Emerald 950 (darkest) */
+        readonly emerald950: "#022c22";
+        /** @color #f0fdfa - Teal 50 (lightest) */
+        readonly teal50: "#f0fdfa";
+        /** @color #ccfbf1 - Teal 100 */
+        readonly teal100: "#ccfbf1";
+        /** @color #99f6e4 - Teal 200 */
+        readonly teal200: "#99f6e4";
+        /** @color #5eead4 - Teal 300 */
+        readonly teal300: "#5eead4";
+        /** @color #2dd4bf - Teal 400 */
+        readonly teal400: "#2dd4bf";
+        /** @color #14b8a6 - Teal 500 */
+        readonly teal500: "#14b8a6";
+        /** @color #0d9488 - Teal 600 */
+        readonly teal600: "#0d9488";
+        /** @color #0f766e - Teal 700 */
+        readonly teal700: "#0f766e";
+        /** @color #115e59 - Teal 800 */
+        readonly teal800: "#115e59";
+        /** @color #134e4a - Teal 900 */
+        readonly teal900: "#134e4a";
+        /** @color #042f2e - Teal 950 (darkest) */
+        readonly teal950: "#042f2e";
+        /** @color #ecfeff - Cyan 50 (lightest) */
+        readonly cyan50: "#ecfeff";
+        /** @color #cffafe - Cyan 100 */
+        readonly cyan100: "#cffafe";
+        /** @color #a5f3fc - Cyan 200 */
+        readonly cyan200: "#a5f3fc";
+        /** @color #67e8f9 - Cyan 300 */
+        readonly cyan300: "#67e8f9";
+        /** @color #22d3ee - Cyan 400 */
+        readonly cyan400: "#22d3ee";
+        /** @color #06b6d4 - Cyan 500 */
+        readonly cyan500: "#06b6d4";
+        /** @color #0891b2 - Cyan 600 */
+        readonly cyan600: "#0891b2";
+        /** @color #0e7490 - Cyan 700 */
+        readonly cyan700: "#0e7490";
+        /** @color #155e75 - Cyan 800 */
+        readonly cyan800: "#155e75";
+        /** @color #164e63 - Cyan 900 */
+        readonly cyan900: "#164e63";
+        /** @color #083344 - Cyan 950 (darkest) */
+        readonly cyan950: "#083344";
+        /** @color #f0f9ff - Sky 50 (lightest) */
+        readonly sky50: "#f0f9ff";
+        /** @color #e0f2fe - Sky 100 */
+        readonly sky100: "#e0f2fe";
+        /** @color #bae6fd - Sky 200 */
+        readonly sky200: "#bae6fd";
+        /** @color #7dd3fc - Sky 300 */
+        readonly sky300: "#7dd3fc";
+        /** @color #38bdf8 - Sky 400 */
+        readonly sky400: "#38bdf8";
+        /** @color #0ea5e9 - Sky 500 */
+        readonly sky500: "#0ea5e9";
+        /** @color #0284c7 - Sky 600 */
+        readonly sky600: "#0284c7";
+        /** @color #0369a1 - Sky 700 */
+        readonly sky700: "#0369a1";
+        /** @color #075985 - Sky 800 */
+        readonly sky800: "#075985";
+        /** @color #0c4a6e - Sky 900 */
+        readonly sky900: "#0c4a6e";
+        /** @color #082f49 - Sky 950 (darkest) */
+        readonly sky950: "#082f49";
+        /** @color #eff6ff - Blue 50 (lightest) */
+        readonly blue50: "#eff6ff";
+        /** @color #dbeafe - Blue 100 */
+        readonly blue100: "#dbeafe";
+        /** @color #bfdbfe - Blue 200 */
+        readonly blue200: "#bfdbfe";
+        /** @color #93c5fd - Blue 300 */
+        readonly blue300: "#93c5fd";
+        /** @color #60a5fa - Blue 400 */
+        readonly blue400: "#60a5fa";
+        /** @color #3b82f6 - Blue 500 */
+        readonly blue500: "#3b82f6";
+        /** @color #2563eb - Blue 600 */
+        readonly blue600: "#2563eb";
+        /** @color #1d4ed8 - Blue 700 */
+        readonly blue700: "#1d4ed8";
+        /** @color #1e40af - Blue 800 */
+        readonly blue800: "#1e40af";
+        /** @color #1e3a8a - Blue 900 */
+        readonly blue900: "#1e3a8a";
+        /** @color #172554 - Blue 950 (darkest) */
+        readonly blue950: "#172554";
+        /** @color #eef2ff - Indigo 50 (lightest) */
+        readonly indigo50: "#eef2ff";
+        /** @color #e0e7ff - Indigo 100 */
+        readonly indigo100: "#e0e7ff";
+        /** @color #c7d2fe - Indigo 200 */
+        readonly indigo200: "#c7d2fe";
+        /** @color #a5b4fc - Indigo 300 */
+        readonly indigo300: "#a5b4fc";
+        /** @color #818cf8 - Indigo 400 */
+        readonly indigo400: "#818cf8";
+        /** @color #6366f1 - Indigo 500 */
+        readonly indigo500: "#6366f1";
+        /** @color #4f46e5 - Indigo 600 */
+        readonly indigo600: "#4f46e5";
+        /** @color #4338ca - Indigo 700 */
+        readonly indigo700: "#4338ca";
+        /** @color #3730a3 - Indigo 800 */
+        readonly indigo800: "#3730a3";
+        /** @color #312e81 - Indigo 900 */
+        readonly indigo900: "#312e81";
+        /** @color #1e1b4b - Indigo 950 (darkest) */
+        readonly indigo950: "#1e1b4b";
+        /** @color #f5f3ff - Violet 50 (lightest) */
+        readonly violet50: "#f5f3ff";
+        /** @color #ede9fe - Violet 100 */
+        readonly violet100: "#ede9fe";
+        /** @color #ddd6fe - Violet 200 */
+        readonly violet200: "#ddd6fe";
+        /** @color #c4b5fd - Violet 300 */
+        readonly violet300: "#c4b5fd";
+        /** @color #a78bfa - Violet 400 */
+        readonly violet400: "#a78bfa";
+        /** @color #8b5cf6 - Violet 500 */
+        readonly violet500: "#8b5cf6";
+        /** @color #7c3aed - Violet 600 */
+        readonly violet600: "#7c3aed";
+        /** @color #6d28d9 - Violet 700 */
+        readonly violet700: "#6d28d9";
+        /** @color #5b21b6 - Violet 800 */
+        readonly violet800: "#5b21b6";
+        /** @color #4c1d95 - Violet 900 */
+        readonly violet900: "#4c1d95";
+        /** @color #2e1065 - Violet 950 (darkest) */
+        readonly violet950: "#2e1065";
+        /** @color #faf5ff - Purple 50 (lightest) */
+        readonly purple50: "#faf5ff";
+        /** @color #f3e8ff - Purple 100 */
+        readonly purple100: "#f3e8ff";
+        /** @color #e9d5ff - Purple 200 */
+        readonly purple200: "#e9d5ff";
+        /** @color #d8b4fe - Purple 300 */
+        readonly purple300: "#d8b4fe";
+        /** @color #c084fc - Purple 400 */
+        readonly purple400: "#c084fc";
+        /** @color #a855f7 - Purple 500 */
+        readonly purple500: "#a855f7";
+        /** @color #9333ea - Purple 600 */
+        readonly purple600: "#9333ea";
+        /** @color #7e22ce - Purple 700 */
+        readonly purple700: "#7e22ce";
+        /** @color #6b21a8 - Purple 800 */
+        readonly purple800: "#6b21a8";
+        /** @color #581c87 - Purple 900 */
+        readonly purple900: "#581c87";
+        /** @color #3b0764 - Purple 950 (darkest) */
+        readonly purple950: "#3b0764";
+        /** @color #fdf4ff - Fuchsia 50 (lightest) */
+        readonly fuchsia50: "#fdf4ff";
+        /** @color #fae8ff - Fuchsia 100 */
+        readonly fuchsia100: "#fae8ff";
+        /** @color #f5d0fe - Fuchsia 200 */
+        readonly fuchsia200: "#f5d0fe";
+        /** @color #f0abfc - Fuchsia 300 */
+        readonly fuchsia300: "#f0abfc";
+        /** @color #e879f9 - Fuchsia 400 */
+        readonly fuchsia400: "#e879f9";
+        /** @color #d946ef - Fuchsia 500 */
+        readonly fuchsia500: "#d946ef";
+        /** @color #c026d3 - Fuchsia 600 */
+        readonly fuchsia600: "#c026d3";
+        /** @color #a21caf - Fuchsia 700 */
+        readonly fuchsia700: "#a21caf";
+        /** @color #86198f - Fuchsia 800 */
+        readonly fuchsia800: "#86198f";
+        /** @color #701a75 - Fuchsia 900 */
+        readonly fuchsia900: "#701a75";
+        /** @color #4a044e - Fuchsia 950 (darkest) */
+        readonly fuchsia950: "#4a044e";
+        /** @color #fdf2f8 - Pink 50 (lightest) */
+        readonly pink50: "#fdf2f8";
+        /** @color #fce7f3 - Pink 100 */
+        readonly pink100: "#fce7f3";
+        /** @color #fbcfe8 - Pink 200 */
+        readonly pink200: "#fbcfe8";
+        /** @color #f9a8d4 - Pink 300 */
+        readonly pink300: "#f9a8d4";
+        /** @color #f472b6 - Pink 400 */
+        readonly pink400: "#f472b6";
+        /** @color #ec4899 - Pink 500 */
+        readonly pink500: "#ec4899";
+        /** @color #db2777 - Pink 600 */
+        readonly pink600: "#db2777";
+        /** @color #be185d - Pink 700 */
+        readonly pink700: "#be185d";
+        /** @color #9d174d - Pink 800 */
+        readonly pink800: "#9d174d";
+        /** @color #831843 - Pink 900 */
+        readonly pink900: "#831843";
+        /** @color #500724 - Pink 950 (darkest) */
+        readonly pink950: "#500724";
+        /** @color #fff1f2 - Rose 50 (lightest) */
+        readonly rose50: "#fff1f2";
+        /** @color #ffe4e6 - Rose 100 */
+        readonly rose100: "#ffe4e6";
+        /** @color #fecdd3 - Rose 200 */
+        readonly rose200: "#fecdd3";
+        /** @color #fda4af - Rose 300 */
+        readonly rose300: "#fda4af";
+        /** @color #fb7185 - Rose 400 */
+        readonly rose400: "#fb7185";
+        /** @color #f43f5e - Rose 500 */
+        readonly rose500: "#f43f5e";
+        /** @color #e11d48 - Rose 600 */
+        readonly rose600: "#e11d48";
+        /** @color #be123c - Rose 700 */
+        readonly rose700: "#be123c";
+        /** @color #9f1239 - Rose 800 */
+        readonly rose800: "#9f1239";
+        /** @color #881337 - Rose 900 */
+        readonly rose900: "#881337";
+        /** @color #4c0519 - Rose 950 (darkest) */
+        readonly rose950: "#4c0519";
+    };
+    readonly spacing: {
+        /** @value 0px */
+        readonly "0": 0;
+        /** @value 1px */
+        readonly px: 1;
+        /** @value 2px (0.125rem) */
+        readonly "0.5": 2;
+        /** @value 4px (0.25rem) */
+        readonly "1": 4;
+        /** @value 6px (0.375rem) */
+        readonly "1.5": 6;
+        /** @value 8px (0.5rem) */
+        readonly "2": 8;
+        /** @value 10px (0.625rem) */
+        readonly "2.5": 10;
+        /** @value 12px (0.75rem) */
+        readonly "3": 12;
+        /** @value 14px (0.875rem) */
+        readonly "3.5": 14;
+        /** @value 16px (1rem) */
+        readonly "4": 16;
+        /** @value 20px (1.25rem) */
+        readonly "5": 20;
+        /** @value 24px (1.5rem) */
+        readonly "6": 24;
+        /** @value 28px (1.75rem) */
+        readonly "7": 28;
+        /** @value 32px (2rem) */
+        readonly "8": 32;
+        /** @value 36px (2.25rem) */
+        readonly "9": 36;
+        /** @value 40px (2.5rem) */
+        readonly "10": 40;
+        /** @value 44px (2.75rem) */
+        readonly "11": 44;
+        /** @value 48px (3rem) */
+        readonly "12": 48;
+        /** @value 56px (3.5rem) */
+        readonly "14": 56;
+        /** @value 64px (4rem) */
+        readonly "16": 64;
+        /** @value 80px (5rem) */
+        readonly "20": 80;
+        /** @value 96px (6rem) */
+        readonly "24": 96;
+        /** @value 112px (7rem) */
+        readonly "28": 112;
+        /** @value 128px (8rem) */
+        readonly "32": 128;
+        /** @value 144px (9rem) */
+        readonly "36": 144;
+        /** @value 160px (10rem) */
+        readonly "40": 160;
+        /** @value 176px (11rem) */
+        readonly "44": 176;
+        /** @value 192px (12rem) */
+        readonly "48": 192;
+        /** @value 208px (13rem) */
+        readonly "52": 208;
+        /** @value 224px (14rem) */
+        readonly "56": 224;
+        /** @value 240px (15rem) */
+        readonly "60": 240;
+        /** @value 256px (16rem) */
+        readonly "64": 256;
+        /** @value 288px (18rem) */
+        readonly "72": 288;
+        /** @value 320px (20rem) */
+        readonly "80": 320;
+        /** @value 384px (24rem) */
+        readonly "96": 384;
+    };
+    readonly fontSizes: {
+        /** @value 12px (0.75rem) - Extra small text */
+        readonly xs: 12;
+        /** @value 14px (0.875rem) - Small text */
+        readonly sm: 14;
+        /** @value 16px (1rem) - Base/body text */
+        readonly base: 16;
+        /** @value 18px (1.125rem) - Large text */
+        readonly lg: 18;
+        /** @value 20px (1.25rem) - Extra large */
+        readonly xl: 20;
+        /** @value 24px (1.5rem) - Heading 4 */
+        readonly "2xl": 24;
+        /** @value 30px (1.875rem) - Heading 3 */
+        readonly "3xl": 30;
+        /** @value 36px (2.25rem) - Heading 2 */
+        readonly "4xl": 36;
+        /** @value 48px (3rem) - Heading 1 */
+        readonly "5xl": 48;
+        /** @value 60px (3.75rem) - Display */
+        readonly "6xl": 60;
+        /** @value 72px (4.5rem) - Large display */
+        readonly "7xl": 72;
+        /** @value 96px (6rem) - Hero */
+        readonly "8xl": 96;
+        /** @value 128px (8rem) - Massive hero */
+        readonly "9xl": 128;
+    };
+    readonly radii: {
+        /** @value 0px - No border radius */
+        readonly none: 0;
+        /** @value 2px (0.125rem) - Small radius */
+        readonly sm: 2;
+        /** @value 4px (0.25rem) - Default radius */
+        readonly DEFAULT: 4;
+        /** @value 6px (0.375rem) - Medium radius */
+        readonly md: 6;
+        /** @value 8px (0.5rem) - Large radius */
+        readonly lg: 8;
+        /** @value 12px (0.75rem) - Extra large radius */
+        readonly xl: 12;
+        /** @value 16px (1rem) - 2x large radius */
+        readonly "2xl": 16;
+        /** @value 24px (1.5rem) - 3x large radius */
+        readonly "3xl": 24;
+        /** @value 9999px - Full/pill radius */
+        readonly full: 9999;
+    };
+    readonly shadows: {
+        /** No shadow */
+        readonly none: {
+            readonly shadowColor: "transparent";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 0;
+            };
+            readonly shadowOpacity: 0;
+            readonly shadowRadius: 0;
+            readonly elevation: 0;
+        };
+        /** Small shadow - subtle depth */
+        readonly sm: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 1;
+            };
+            readonly shadowOpacity: 0.05;
+            readonly shadowRadius: 2;
+            readonly elevation: 1;
+        };
+        /** Default shadow - light depth */
+        readonly DEFAULT: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 1;
+            };
+            readonly shadowOpacity: 0.1;
+            readonly shadowRadius: 3;
+            readonly elevation: 3;
+        };
+        /** Medium shadow - moderate depth */
+        readonly md: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 4;
+            };
+            readonly shadowOpacity: 0.1;
+            readonly shadowRadius: 6;
+            readonly elevation: 6;
+        };
+        /** Large shadow - significant depth */
+        readonly lg: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 10;
+            };
+            readonly shadowOpacity: 0.1;
+            readonly shadowRadius: 15;
+            readonly elevation: 9;
+        };
+        /** Extra large shadow - heavy depth */
+        readonly xl: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 20;
+            };
+            readonly shadowOpacity: 0.1;
+            readonly shadowRadius: 25;
+            readonly elevation: 12;
+        };
+        /** 2x large shadow - very heavy depth */
+        readonly "2xl": {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 25;
+            };
+            readonly shadowOpacity: 0.25;
+            readonly shadowRadius: 50;
+            readonly elevation: 16;
+        };
+        /** Inner shadow effect */
+        readonly inner: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 2;
+            };
+            readonly shadowOpacity: 0.05;
+            readonly shadowRadius: 4;
+            readonly elevation: 0;
+        };
+    };
+    readonly zIndex: {
+        /** @value 0 - Base layer */
+        readonly "0": 0;
+        /** @value 10 - Above base */
+        readonly "10": 10;
+        /** @value 20 - Dropdowns */
+        readonly "20": 20;
+        /** @value 30 - Sticky elements */
+        readonly "30": 30;
+        /** @value 40 - Fixed elements */
+        readonly "40": 40;
+        /** @value 50 - Modals/overlays */
+        readonly "50": 50;
+    };
+    readonly opacity: {
+        /** @value 0 - Fully transparent */
+        readonly "0": 0;
+        /** @value 0.05 - 5% opacity */
+        readonly "5": 0.05;
+        /** @value 0.1 - 10% opacity */
+        readonly "10": 0.1;
+        /** @value 0.15 - 15% opacity */
+        readonly "15": 0.15;
+        /** @value 0.2 - 20% opacity */
+        readonly "20": 0.2;
+        /** @value 0.25 - 25% opacity */
+        readonly "25": 0.25;
+        /** @value 0.3 - 30% opacity */
+        readonly "30": 0.3;
+        /** @value 0.35 - 35% opacity */
+        readonly "35": 0.35;
+        /** @value 0.4 - 40% opacity */
+        readonly "40": 0.4;
+        /** @value 0.45 - 45% opacity */
+        readonly "45": 0.45;
+        /** @value 0.5 - 50% opacity */
+        readonly "50": 0.5;
+        /** @value 0.55 - 55% opacity */
+        readonly "55": 0.55;
+        /** @value 0.6 - 60% opacity */
+        readonly "60": 0.6;
+        /** @value 0.65 - 65% opacity */
+        readonly "65": 0.65;
+        /** @value 0.7 - 70% opacity */
+        readonly "70": 0.7;
+        /** @value 0.75 - 75% opacity */
+        readonly "75": 0.75;
+        /** @value 0.8 - 80% opacity */
+        readonly "80": 0.8;
+        /** @value 0.85 - 85% opacity */
+        readonly "85": 0.85;
+        /** @value 0.9 - 90% opacity */
+        readonly "90": 0.9;
+        /** @value 0.95 - 95% opacity */
+        readonly "95": 0.95;
+        /** @value 1 - Fully opaque */
+        readonly "100": 1;
+    };
+    readonly lineHeights: {
+        /** @value 12px (0.75rem) */
+        readonly "3": 12;
+        /** @value 16px (1rem) */
+        readonly "4": 16;
+        /** @value 20px (1.25rem) */
+        readonly "5": 20;
+        /** @value 24px (1.5rem) */
+        readonly "6": 24;
+        /** @value 28px (1.75rem) */
+        readonly "7": 28;
+        /** @value 32px (2rem) */
+        readonly "8": 32;
+        /** @value 36px (2.25rem) */
+        readonly "9": 36;
+        /** @value 40px (2.5rem) */
+        readonly "10": 40;
+        /** @value 1 - No line height */
+        readonly none: 1;
+        /** @value 1.25 - Tight spacing */
+        readonly tight: 1.25;
+        /** @value 1.375 - Snug spacing */
+        readonly snug: 1.375;
+        /** @value 1.5 - Normal spacing */
+        readonly normal: 1.5;
+        /** @value 1.625 - Relaxed spacing */
+        readonly relaxed: 1.625;
+        /** @value 2 - Loose spacing */
+        readonly loose: 2;
+    };
+    readonly fontWeights: {
+        /** @value "100" - Thin */
+        readonly thin: "100";
+        /** @value "200" - Extra light */
+        readonly extralight: "200";
+        /** @value "300" - Light */
+        readonly light: "300";
+        /** @value "400" - Normal/Regular */
+        readonly normal: "400";
+        /** @value "500" - Medium */
+        readonly medium: "500";
+        /** @value "600" - Semi bold */
+        readonly semibold: "600";
+        /** @value "700" - Bold */
+        readonly bold: "700";
+        /** @value "800" - Extra bold */
+        readonly extrabold: "800";
+        /** @value "900" - Black/Heavy */
+        readonly black: "900";
+    };
+    readonly letterSpacing: {
+        /** @value -0.8px - Tighter spacing */
+        readonly tighter: -0.8;
+        /** @value -0.4px - Tight spacing */
+        readonly tight: -0.4;
+        /** @value 0px - Normal spacing */
+        readonly normal: 0;
+        /** @value 0.4px - Wide spacing */
+        readonly wide: 0.4;
+        /** @value 0.8px - Wider spacing */
+        readonly wider: 0.8;
+        /** @value 1.6px - Widest spacing */
+        readonly widest: 1.6;
+    };
+    readonly borderWidths: {
+        /** @value 0px - No border */
+        readonly "0": 0;
+        /** @value 1px - Default border */
+        readonly DEFAULT: 1;
+        /** @value 2px - Medium border */
+        readonly "2": 2;
+        /** @value 4px - Thick border */
+        readonly "4": 4;
+        /** @value 8px - Extra thick border */
+        readonly "8": 8;
+    };
+    readonly maxWidths: {
+        /** @value 0px */
+        readonly "0": 0;
+        /** @value "none" - No max width */
+        readonly none: "none";
+        /** @value 320px (20rem) */
+        readonly xs: 320;
+        /** @value 384px (24rem) */
+        readonly sm: 384;
+        /** @value 448px (28rem) */
+        readonly md: 448;
+        /** @value 512px (32rem) */
+        readonly lg: 512;
+        /** @value 576px (36rem) */
+        readonly xl: 576;
+        /** @value 672px (42rem) */
+        readonly "2xl": 672;
+        /** @value 768px (48rem) */
+        readonly "3xl": 768;
+        /** @value 896px (56rem) */
+        readonly "4xl": 896;
+        /** @value 1024px (64rem) */
+        readonly "5xl": 1024;
+        /** @value 1152px (72rem) */
+        readonly "6xl": 1152;
+        /** @value 1280px (80rem) */
+        readonly "7xl": 1280;
+        /** @value "100%" - Full width */
+        readonly full: "100%";
+    };
+    readonly durations: {
+        /** @value 0ms - Instant */
+        readonly "0": 0;
+        /** @value 75ms - Very fast */
+        readonly "75": 75;
+        /** @value 100ms - Fast */
+        readonly "100": 100;
+        /** @value 150ms - Quick */
+        readonly "150": 150;
+        /** @value 200ms - Normal */
+        readonly "200": 200;
+        /** @value 300ms - Medium */
+        readonly "300": 300;
+        /** @value 500ms - Slow */
+        readonly "500": 500;
+        /** @value 700ms - Very slow */
+        readonly "700": 700;
+        /** @value 1000ms - Extra slow */
+        readonly "1000": 1000;
+    };
+};
+/** Type representing the default theme structure. */
+export type DefaultTheme = typeof defaultTheme;
+/** Type representing the Tailwind color palette. */
+export type TailwindColors = typeof tailwindColors;
+/** Type representing the Tailwind spacing scale. */
+export type TailwindSpacing = typeof tailwindSpacing;
+/** Type representing the Tailwind font size scale. */
+export type TailwindFontSizes = typeof tailwindFontSizes;
+/** Type representing the Tailwind border radius scale. */
+export type TailwindRadii = typeof tailwindRadii;
+/** Type representing the Tailwind shadow definitions. */
+export type TailwindShadows = typeof tailwindShadows;
+/** Type representing the Tailwind z-index scale. */
+export type TailwindZIndex = typeof tailwindZIndex;
+/** Type representing the Tailwind opacity scale. */
+export type TailwindOpacity = typeof tailwindOpacity;
+/** Type representing the Tailwind line height scale. */
+export type TailwindLineHeights = typeof tailwindLineHeights;
+/** Type representing the Tailwind font weight scale. */
+export type TailwindFontWeights = typeof tailwindFontWeights;
+/** Type representing the Tailwind letter spacing scale. */
+export type TailwindLetterSpacing = typeof tailwindLetterSpacing;
+/** Type representing the Tailwind border width scale. */
+export type TailwindBorderWidths = typeof tailwindBorderWidths;
+/** Type representing the Tailwind max width scale. */
+export type TailwindMaxWidths = typeof tailwindMaxWidths;
+/** Type representing the Tailwind animation duration scale. */
+export type TailwindDurations = typeof tailwindDurations;
+/**
+ * Helper function to create a custom theme by extending the default theme.
+ *
+ * @template T - Custom theme extension type
+ * @param customTheme - Partial theme object with custom values
+ * @returns A complete theme object with defaults and custom values merged
+ *
+ * @example
+ * ```ts
+ * const myTheme = extendTheme({
+ *   colors: {
+ *     ...tailwindColors,
+ *     brand: "#FF6B6B",
+ *   },
+ * });
+ * ```
+ */
+export declare function extendTheme<T extends Partial<DefaultTheme>>(customTheme: T): DefaultTheme & T;
+export declare const defaultColors: {
+    /** @color transparent - Fully transparent */
+    readonly transparent: "transparent";
+    /** @color currentColor - Inherits current text color */
+    readonly current: "currentColor";
+    /** @color #000000 - Pure black */
+    readonly black: "#000000";
+    /** @color #FFFFFF - Pure white */
+    readonly white: "#FFFFFF";
+    /** @color #f8fafc - Slate 50 (lightest) */
+    readonly slate50: "#f8fafc";
+    /** @color #f1f5f9 - Slate 100 */
+    readonly slate100: "#f1f5f9";
+    /** @color #e2e8f0 - Slate 200 */
+    readonly slate200: "#e2e8f0";
+    /** @color #cbd5e1 - Slate 300 */
+    readonly slate300: "#cbd5e1";
+    /** @color #94a3b8 - Slate 400 */
+    readonly slate400: "#94a3b8";
+    /** @color #64748b - Slate 500 */
+    readonly slate500: "#64748b";
+    /** @color #475569 - Slate 600 */
+    readonly slate600: "#475569";
+    /** @color #334155 - Slate 700 */
+    readonly slate700: "#334155";
+    /** @color #1e293b - Slate 800 */
+    readonly slate800: "#1e293b";
+    /** @color #0f172a - Slate 900 */
+    readonly slate900: "#0f172a";
+    /** @color #020617 - Slate 950 (darkest) */
+    readonly slate950: "#020617";
+    /** @color #f9fafb - Gray 50 (lightest) */
+    readonly gray50: "#f9fafb";
+    /** @color #f3f4f6 - Gray 100 */
+    readonly gray100: "#f3f4f6";
+    /** @color #e5e7eb - Gray 200 */
+    readonly gray200: "#e5e7eb";
+    /** @color #d1d5db - Gray 300 */
+    readonly gray300: "#d1d5db";
+    /** @color #9ca3af - Gray 400 */
+    readonly gray400: "#9ca3af";
+    /** @color #6b7280 - Gray 500 */
+    readonly gray500: "#6b7280";
+    /** @color #4b5563 - Gray 600 */
+    readonly gray600: "#4b5563";
+    /** @color #374151 - Gray 700 */
+    readonly gray700: "#374151";
+    /** @color #1f2937 - Gray 800 */
+    readonly gray800: "#1f2937";
+    /** @color #111827 - Gray 900 */
+    readonly gray900: "#111827";
+    /** @color #030712 - Gray 950 (darkest) */
+    readonly gray950: "#030712";
+    /** @color #fafafa - Zinc 50 (lightest) */
+    readonly zinc50: "#fafafa";
+    /** @color #f4f4f5 - Zinc 100 */
+    readonly zinc100: "#f4f4f5";
+    /** @color #e4e4e7 - Zinc 200 */
+    readonly zinc200: "#e4e4e7";
+    /** @color #d4d4d8 - Zinc 300 */
+    readonly zinc300: "#d4d4d8";
+    /** @color #a1a1aa - Zinc 400 */
+    readonly zinc400: "#a1a1aa";
+    /** @color #71717a - Zinc 500 */
+    readonly zinc500: "#71717a";
+    /** @color #52525b - Zinc 600 */
+    readonly zinc600: "#52525b";
+    /** @color #3f3f46 - Zinc 700 */
+    readonly zinc700: "#3f3f46";
+    /** @color #27272a - Zinc 800 */
+    readonly zinc800: "#27272a";
+    /** @color #18181b - Zinc 900 */
+    readonly zinc900: "#18181b";
+    /** @color #09090b - Zinc 950 (darkest) */
+    readonly zinc950: "#09090b";
+    /** @color #fafafa - Neutral 50 (lightest) */
+    readonly neutral50: "#fafafa";
+    /** @color #f5f5f5 - Neutral 100 */
+    readonly neutral100: "#f5f5f5";
+    /** @color #e5e5e5 - Neutral 200 */
+    readonly neutral200: "#e5e5e5";
+    /** @color #d4d4d4 - Neutral 300 */
+    readonly neutral300: "#d4d4d4";
+    /** @color #a3a3a3 - Neutral 400 */
+    readonly neutral400: "#a3a3a3";
+    /** @color #737373 - Neutral 500 */
+    readonly neutral500: "#737373";
+    /** @color #525252 - Neutral 600 */
+    readonly neutral600: "#525252";
+    /** @color #404040 - Neutral 700 */
+    readonly neutral700: "#404040";
+    /** @color #262626 - Neutral 800 */
+    readonly neutral800: "#262626";
+    /** @color #171717 - Neutral 900 */
+    readonly neutral900: "#171717";
+    /** @color #0a0a0a - Neutral 950 (darkest) */
+    readonly neutral950: "#0a0a0a";
+    /** @color #fafaf9 - Stone 50 (lightest) */
+    readonly stone50: "#fafaf9";
+    /** @color #f5f5f4 - Stone 100 */
+    readonly stone100: "#f5f5f4";
+    /** @color #e7e5e4 - Stone 200 */
+    readonly stone200: "#e7e5e4";
+    /** @color #d6d3d1 - Stone 300 */
+    readonly stone300: "#d6d3d1";
+    /** @color #a8a29e - Stone 400 */
+    readonly stone400: "#a8a29e";
+    /** @color #78716c - Stone 500 */
+    readonly stone500: "#78716c";
+    /** @color #57534e - Stone 600 */
+    readonly stone600: "#57534e";
+    /** @color #44403c - Stone 700 */
+    readonly stone700: "#44403c";
+    /** @color #292524 - Stone 800 */
+    readonly stone800: "#292524";
+    /** @color #1c1917 - Stone 900 */
+    readonly stone900: "#1c1917";
+    /** @color #0c0a09 - Stone 950 (darkest) */
+    readonly stone950: "#0c0a09";
+    /** @color #fef2f2 - Red 50 (lightest) */
+    readonly red50: "#fef2f2";
+    /** @color #fee2e2 - Red 100 */
+    readonly red100: "#fee2e2";
+    /** @color #fecaca - Red 200 */
+    readonly red200: "#fecaca";
+    /** @color #fca5a5 - Red 300 */
+    readonly red300: "#fca5a5";
+    /** @color #f87171 - Red 400 */
+    readonly red400: "#f87171";
+    /** @color #ef4444 - Red 500 */
+    readonly red500: "#ef4444";
+    /** @color #dc2626 - Red 600 */
+    readonly red600: "#dc2626";
+    /** @color #b91c1c - Red 700 */
+    readonly red700: "#b91c1c";
+    /** @color #991b1b - Red 800 */
+    readonly red800: "#991b1b";
+    /** @color #7f1d1d - Red 900 */
+    readonly red900: "#7f1d1d";
+    /** @color #450a0a - Red 950 (darkest) */
+    readonly red950: "#450a0a";
+    /** @color #fff7ed - Orange 50 (lightest) */
+    readonly orange50: "#fff7ed";
+    /** @color #ffedd5 - Orange 100 */
+    readonly orange100: "#ffedd5";
+    /** @color #fed7aa - Orange 200 */
+    readonly orange200: "#fed7aa";
+    /** @color #fdba74 - Orange 300 */
+    readonly orange300: "#fdba74";
+    /** @color #fb923c - Orange 400 */
+    readonly orange400: "#fb923c";
+    /** @color #f97316 - Orange 500 */
+    readonly orange500: "#f97316";
+    /** @color #ea580c - Orange 600 */
+    readonly orange600: "#ea580c";
+    /** @color #c2410c - Orange 700 */
+    readonly orange700: "#c2410c";
+    /** @color #9a3412 - Orange 800 */
+    readonly orange800: "#9a3412";
+    /** @color #7c2d12 - Orange 900 */
+    readonly orange900: "#7c2d12";
+    /** @color #431407 - Orange 950 (darkest) */
+    readonly orange950: "#431407";
+    /** @color #fffbeb - Amber 50 (lightest) */
+    readonly amber50: "#fffbeb";
+    /** @color #fef3c7 - Amber 100 */
+    readonly amber100: "#fef3c7";
+    /** @color #fde68a - Amber 200 */
+    readonly amber200: "#fde68a";
+    /** @color #fcd34d - Amber 300 */
+    readonly amber300: "#fcd34d";
+    /** @color #fbbf24 - Amber 400 */
+    readonly amber400: "#fbbf24";
+    /** @color #f59e0b - Amber 500 */
+    readonly amber500: "#f59e0b";
+    /** @color #d97706 - Amber 600 */
+    readonly amber600: "#d97706";
+    /** @color #b45309 - Amber 700 */
+    readonly amber700: "#b45309";
+    /** @color #92400e - Amber 800 */
+    readonly amber800: "#92400e";
+    /** @color #78350f - Amber 900 */
+    readonly amber900: "#78350f";
+    /** @color #451a03 - Amber 950 (darkest) */
+    readonly amber950: "#451a03";
+    /** @color #fefce8 - Yellow 50 (lightest) */
+    readonly yellow50: "#fefce8";
+    /** @color #fef9c3 - Yellow 100 */
+    readonly yellow100: "#fef9c3";
+    /** @color #fef08a - Yellow 200 */
+    readonly yellow200: "#fef08a";
+    /** @color #fde047 - Yellow 300 */
+    readonly yellow300: "#fde047";
+    /** @color #facc15 - Yellow 400 */
+    readonly yellow400: "#facc15";
+    /** @color #eab308 - Yellow 500 */
+    readonly yellow500: "#eab308";
+    /** @color #ca8a04 - Yellow 600 */
+    readonly yellow600: "#ca8a04";
+    /** @color #a16207 - Yellow 700 */
+    readonly yellow700: "#a16207";
+    /** @color #854d0e - Yellow 800 */
+    readonly yellow800: "#854d0e";
+    /** @color #713f12 - Yellow 900 */
+    readonly yellow900: "#713f12";
+    /** @color #422006 - Yellow 950 (darkest) */
+    readonly yellow950: "#422006";
+    /** @color #f7fee7 - Lime 50 (lightest) */
+    readonly lime50: "#f7fee7";
+    /** @color #ecfccb - Lime 100 */
+    readonly lime100: "#ecfccb";
+    /** @color #d9f99d - Lime 200 */
+    readonly lime200: "#d9f99d";
+    /** @color #bef264 - Lime 300 */
+    readonly lime300: "#bef264";
+    /** @color #a3e635 - Lime 400 */
+    readonly lime400: "#a3e635";
+    /** @color #84cc16 - Lime 500 */
+    readonly lime500: "#84cc16";
+    /** @color #65a30d - Lime 600 */
+    readonly lime600: "#65a30d";
+    /** @color #4d7c0f - Lime 700 */
+    readonly lime700: "#4d7c0f";
+    /** @color #3f6212 - Lime 800 */
+    readonly lime800: "#3f6212";
+    /** @color #365314 - Lime 900 */
+    readonly lime900: "#365314";
+    /** @color #1a2e05 - Lime 950 (darkest) */
+    readonly lime950: "#1a2e05";
+    /** @color #f0fdf4 - Green 50 (lightest) */
+    readonly green50: "#f0fdf4";
+    /** @color #dcfce7 - Green 100 */
+    readonly green100: "#dcfce7";
+    /** @color #bbf7d0 - Green 200 */
+    readonly green200: "#bbf7d0";
+    /** @color #86efac - Green 300 */
+    readonly green300: "#86efac";
+    /** @color #4ade80 - Green 400 */
+    readonly green400: "#4ade80";
+    /** @color #22c55e - Green 500 */
+    readonly green500: "#22c55e";
+    /** @color #16a34a - Green 600 */
+    readonly green600: "#16a34a";
+    /** @color #15803d - Green 700 */
+    readonly green700: "#15803d";
+    /** @color #166534 - Green 800 */
+    readonly green800: "#166534";
+    /** @color #14532d - Green 900 */
+    readonly green900: "#14532d";
+    /** @color #052e16 - Green 950 (darkest) */
+    readonly green950: "#052e16";
+    /** @color #ecfdf5 - Emerald 50 (lightest) */
+    readonly emerald50: "#ecfdf5";
+    /** @color #d1fae5 - Emerald 100 */
+    readonly emerald100: "#d1fae5";
+    /** @color #a7f3d0 - Emerald 200 */
+    readonly emerald200: "#a7f3d0";
+    /** @color #6ee7b7 - Emerald 300 */
+    readonly emerald300: "#6ee7b7";
+    /** @color #34d399 - Emerald 400 */
+    readonly emerald400: "#34d399";
+    /** @color #10b981 - Emerald 500 */
+    readonly emerald500: "#10b981";
+    /** @color #059669 - Emerald 600 */
+    readonly emerald600: "#059669";
+    /** @color #047857 - Emerald 700 */
+    readonly emerald700: "#047857";
+    /** @color #065f46 - Emerald 800 */
+    readonly emerald800: "#065f46";
+    /** @color #064e3b - Emerald 900 */
+    readonly emerald900: "#064e3b";
+    /** @color #022c22 - Emerald 950 (darkest) */
+    readonly emerald950: "#022c22";
+    /** @color #f0fdfa - Teal 50 (lightest) */
+    readonly teal50: "#f0fdfa";
+    /** @color #ccfbf1 - Teal 100 */
+    readonly teal100: "#ccfbf1";
+    /** @color #99f6e4 - Teal 200 */
+    readonly teal200: "#99f6e4";
+    /** @color #5eead4 - Teal 300 */
+    readonly teal300: "#5eead4";
+    /** @color #2dd4bf - Teal 400 */
+    readonly teal400: "#2dd4bf";
+    /** @color #14b8a6 - Teal 500 */
+    readonly teal500: "#14b8a6";
+    /** @color #0d9488 - Teal 600 */
+    readonly teal600: "#0d9488";
+    /** @color #0f766e - Teal 700 */
+    readonly teal700: "#0f766e";
+    /** @color #115e59 - Teal 800 */
+    readonly teal800: "#115e59";
+    /** @color #134e4a - Teal 900 */
+    readonly teal900: "#134e4a";
+    /** @color #042f2e - Teal 950 (darkest) */
+    readonly teal950: "#042f2e";
+    /** @color #ecfeff - Cyan 50 (lightest) */
+    readonly cyan50: "#ecfeff";
+    /** @color #cffafe - Cyan 100 */
+    readonly cyan100: "#cffafe";
+    /** @color #a5f3fc - Cyan 200 */
+    readonly cyan200: "#a5f3fc";
+    /** @color #67e8f9 - Cyan 300 */
+    readonly cyan300: "#67e8f9";
+    /** @color #22d3ee - Cyan 400 */
+    readonly cyan400: "#22d3ee";
+    /** @color #06b6d4 - Cyan 500 */
+    readonly cyan500: "#06b6d4";
+    /** @color #0891b2 - Cyan 600 */
+    readonly cyan600: "#0891b2";
+    /** @color #0e7490 - Cyan 700 */
+    readonly cyan700: "#0e7490";
+    /** @color #155e75 - Cyan 800 */
+    readonly cyan800: "#155e75";
+    /** @color #164e63 - Cyan 900 */
+    readonly cyan900: "#164e63";
+    /** @color #083344 - Cyan 950 (darkest) */
+    readonly cyan950: "#083344";
+    /** @color #f0f9ff - Sky 50 (lightest) */
+    readonly sky50: "#f0f9ff";
+    /** @color #e0f2fe - Sky 100 */
+    readonly sky100: "#e0f2fe";
+    /** @color #bae6fd - Sky 200 */
+    readonly sky200: "#bae6fd";
+    /** @color #7dd3fc - Sky 300 */
+    readonly sky300: "#7dd3fc";
+    /** @color #38bdf8 - Sky 400 */
+    readonly sky400: "#38bdf8";
+    /** @color #0ea5e9 - Sky 500 */
+    readonly sky500: "#0ea5e9";
+    /** @color #0284c7 - Sky 600 */
+    readonly sky600: "#0284c7";
+    /** @color #0369a1 - Sky 700 */
+    readonly sky700: "#0369a1";
+    /** @color #075985 - Sky 800 */
+    readonly sky800: "#075985";
+    /** @color #0c4a6e - Sky 900 */
+    readonly sky900: "#0c4a6e";
+    /** @color #082f49 - Sky 950 (darkest) */
+    readonly sky950: "#082f49";
+    /** @color #eff6ff - Blue 50 (lightest) */
+    readonly blue50: "#eff6ff";
+    /** @color #dbeafe - Blue 100 */
+    readonly blue100: "#dbeafe";
+    /** @color #bfdbfe - Blue 200 */
+    readonly blue200: "#bfdbfe";
+    /** @color #93c5fd - Blue 300 */
+    readonly blue300: "#93c5fd";
+    /** @color #60a5fa - Blue 400 */
+    readonly blue400: "#60a5fa";
+    /** @color #3b82f6 - Blue 500 */
+    readonly blue500: "#3b82f6";
+    /** @color #2563eb - Blue 600 */
+    readonly blue600: "#2563eb";
+    /** @color #1d4ed8 - Blue 700 */
+    readonly blue700: "#1d4ed8";
+    /** @color #1e40af - Blue 800 */
+    readonly blue800: "#1e40af";
+    /** @color #1e3a8a - Blue 900 */
+    readonly blue900: "#1e3a8a";
+    /** @color #172554 - Blue 950 (darkest) */
+    readonly blue950: "#172554";
+    /** @color #eef2ff - Indigo 50 (lightest) */
+    readonly indigo50: "#eef2ff";
+    /** @color #e0e7ff - Indigo 100 */
+    readonly indigo100: "#e0e7ff";
+    /** @color #c7d2fe - Indigo 200 */
+    readonly indigo200: "#c7d2fe";
+    /** @color #a5b4fc - Indigo 300 */
+    readonly indigo300: "#a5b4fc";
+    /** @color #818cf8 - Indigo 400 */
+    readonly indigo400: "#818cf8";
+    /** @color #6366f1 - Indigo 500 */
+    readonly indigo500: "#6366f1";
+    /** @color #4f46e5 - Indigo 600 */
+    readonly indigo600: "#4f46e5";
+    /** @color #4338ca - Indigo 700 */
+    readonly indigo700: "#4338ca";
+    /** @color #3730a3 - Indigo 800 */
+    readonly indigo800: "#3730a3";
+    /** @color #312e81 - Indigo 900 */
+    readonly indigo900: "#312e81";
+    /** @color #1e1b4b - Indigo 950 (darkest) */
+    readonly indigo950: "#1e1b4b";
+    /** @color #f5f3ff - Violet 50 (lightest) */
+    readonly violet50: "#f5f3ff";
+    /** @color #ede9fe - Violet 100 */
+    readonly violet100: "#ede9fe";
+    /** @color #ddd6fe - Violet 200 */
+    readonly violet200: "#ddd6fe";
+    /** @color #c4b5fd - Violet 300 */
+    readonly violet300: "#c4b5fd";
+    /** @color #a78bfa - Violet 400 */
+    readonly violet400: "#a78bfa";
+    /** @color #8b5cf6 - Violet 500 */
+    readonly violet500: "#8b5cf6";
+    /** @color #7c3aed - Violet 600 */
+    readonly violet600: "#7c3aed";
+    /** @color #6d28d9 - Violet 700 */
+    readonly violet700: "#6d28d9";
+    /** @color #5b21b6 - Violet 800 */
+    readonly violet800: "#5b21b6";
+    /** @color #4c1d95 - Violet 900 */
+    readonly violet900: "#4c1d95";
+    /** @color #2e1065 - Violet 950 (darkest) */
+    readonly violet950: "#2e1065";
+    /** @color #faf5ff - Purple 50 (lightest) */
+    readonly purple50: "#faf5ff";
+    /** @color #f3e8ff - Purple 100 */
+    readonly purple100: "#f3e8ff";
+    /** @color #e9d5ff - Purple 200 */
+    readonly purple200: "#e9d5ff";
+    /** @color #d8b4fe - Purple 300 */
+    readonly purple300: "#d8b4fe";
+    /** @color #c084fc - Purple 400 */
+    readonly purple400: "#c084fc";
+    /** @color #a855f7 - Purple 500 */
+    readonly purple500: "#a855f7";
+    /** @color #9333ea - Purple 600 */
+    readonly purple600: "#9333ea";
+    /** @color #7e22ce - Purple 700 */
+    readonly purple700: "#7e22ce";
+    /** @color #6b21a8 - Purple 800 */
+    readonly purple800: "#6b21a8";
+    /** @color #581c87 - Purple 900 */
+    readonly purple900: "#581c87";
+    /** @color #3b0764 - Purple 950 (darkest) */
+    readonly purple950: "#3b0764";
+    /** @color #fdf4ff - Fuchsia 50 (lightest) */
+    readonly fuchsia50: "#fdf4ff";
+    /** @color #fae8ff - Fuchsia 100 */
+    readonly fuchsia100: "#fae8ff";
+    /** @color #f5d0fe - Fuchsia 200 */
+    readonly fuchsia200: "#f5d0fe";
+    /** @color #f0abfc - Fuchsia 300 */
+    readonly fuchsia300: "#f0abfc";
+    /** @color #e879f9 - Fuchsia 400 */
+    readonly fuchsia400: "#e879f9";
+    /** @color #d946ef - Fuchsia 500 */
+    readonly fuchsia500: "#d946ef";
+    /** @color #c026d3 - Fuchsia 600 */
+    readonly fuchsia600: "#c026d3";
+    /** @color #a21caf - Fuchsia 700 */
+    readonly fuchsia700: "#a21caf";
+    /** @color #86198f - Fuchsia 800 */
+    readonly fuchsia800: "#86198f";
+    /** @color #701a75 - Fuchsia 900 */
+    readonly fuchsia900: "#701a75";
+    /** @color #4a044e - Fuchsia 950 (darkest) */
+    readonly fuchsia950: "#4a044e";
+    /** @color #fdf2f8 - Pink 50 (lightest) */
+    readonly pink50: "#fdf2f8";
+    /** @color #fce7f3 - Pink 100 */
+    readonly pink100: "#fce7f3";
+    /** @color #fbcfe8 - Pink 200 */
+    readonly pink200: "#fbcfe8";
+    /** @color #f9a8d4 - Pink 300 */
+    readonly pink300: "#f9a8d4";
+    /** @color #f472b6 - Pink 400 */
+    readonly pink400: "#f472b6";
+    /** @color #ec4899 - Pink 500 */
+    readonly pink500: "#ec4899";
+    /** @color #db2777 - Pink 600 */
+    readonly pink600: "#db2777";
+    /** @color #be185d - Pink 700 */
+    readonly pink700: "#be185d";
+    /** @color #9d174d - Pink 800 */
+    readonly pink800: "#9d174d";
+    /** @color #831843 - Pink 900 */
+    readonly pink900: "#831843";
+    /** @color #500724 - Pink 950 (darkest) */
+    readonly pink950: "#500724";
+    /** @color #fff1f2 - Rose 50 (lightest) */
+    readonly rose50: "#fff1f2";
+    /** @color #ffe4e6 - Rose 100 */
+    readonly rose100: "#ffe4e6";
+    /** @color #fecdd3 - Rose 200 */
+    readonly rose200: "#fecdd3";
+    /** @color #fda4af - Rose 300 */
+    readonly rose300: "#fda4af";
+    /** @color #fb7185 - Rose 400 */
+    readonly rose400: "#fb7185";
+    /** @color #f43f5e - Rose 500 */
+    readonly rose500: "#f43f5e";
+    /** @color #e11d48 - Rose 600 */
+    readonly rose600: "#e11d48";
+    /** @color #be123c - Rose 700 */
+    readonly rose700: "#be123c";
+    /** @color #9f1239 - Rose 800 */
+    readonly rose800: "#9f1239";
+    /** @color #881337 - Rose 900 */
+    readonly rose900: "#881337";
+    /** @color #4c0519 - Rose 950 (darkest) */
+    readonly rose950: "#4c0519";
+};
+export declare const defaultSpacing: {
+    /** @value 0px */
+    readonly "0": 0;
+    /** @value 1px */
+    readonly px: 1;
+    /** @value 2px (0.125rem) */
+    readonly "0.5": 2;
+    /** @value 4px (0.25rem) */
+    readonly "1": 4;
+    /** @value 6px (0.375rem) */
+    readonly "1.5": 6;
+    /** @value 8px (0.5rem) */
+    readonly "2": 8;
+    /** @value 10px (0.625rem) */
+    readonly "2.5": 10;
+    /** @value 12px (0.75rem) */
+    readonly "3": 12;
+    /** @value 14px (0.875rem) */
+    readonly "3.5": 14;
+    /** @value 16px (1rem) */
+    readonly "4": 16;
+    /** @value 20px (1.25rem) */
+    readonly "5": 20;
+    /** @value 24px (1.5rem) */
+    readonly "6": 24;
+    /** @value 28px (1.75rem) */
+    readonly "7": 28;
+    /** @value 32px (2rem) */
+    readonly "8": 32;
+    /** @value 36px (2.25rem) */
+    readonly "9": 36;
+    /** @value 40px (2.5rem) */
+    readonly "10": 40;
+    /** @value 44px (2.75rem) */
+    readonly "11": 44;
+    /** @value 48px (3rem) */
+    readonly "12": 48;
+    /** @value 56px (3.5rem) */
+    readonly "14": 56;
+    /** @value 64px (4rem) */
+    readonly "16": 64;
+    /** @value 80px (5rem) */
+    readonly "20": 80;
+    /** @value 96px (6rem) */
+    readonly "24": 96;
+    /** @value 112px (7rem) */
+    readonly "28": 112;
+    /** @value 128px (8rem) */
+    readonly "32": 128;
+    /** @value 144px (9rem) */
+    readonly "36": 144;
+    /** @value 160px (10rem) */
+    readonly "40": 160;
+    /** @value 176px (11rem) */
+    readonly "44": 176;
+    /** @value 192px (12rem) */
+    readonly "48": 192;
+    /** @value 208px (13rem) */
+    readonly "52": 208;
+    /** @value 224px (14rem) */
+    readonly "56": 224;
+    /** @value 240px (15rem) */
+    readonly "60": 240;
+    /** @value 256px (16rem) */
+    readonly "64": 256;
+    /** @value 288px (18rem) */
+    readonly "72": 288;
+    /** @value 320px (20rem) */
+    readonly "80": 320;
+    /** @value 384px (24rem) */
+    readonly "96": 384;
+};
+export declare const defaultFontSizes: {
+    /** @value 12px (0.75rem) - Extra small text */
+    readonly xs: 12;
+    /** @value 14px (0.875rem) - Small text */
+    readonly sm: 14;
+    /** @value 16px (1rem) - Base/body text */
+    readonly base: 16;
+    /** @value 18px (1.125rem) - Large text */
+    readonly lg: 18;
+    /** @value 20px (1.25rem) - Extra large */
+    readonly xl: 20;
+    /** @value 24px (1.5rem) - Heading 4 */
+    readonly "2xl": 24;
+    /** @value 30px (1.875rem) - Heading 3 */
+    readonly "3xl": 30;
+    /** @value 36px (2.25rem) - Heading 2 */
+    readonly "4xl": 36;
+    /** @value 48px (3rem) - Heading 1 */
+    readonly "5xl": 48;
+    /** @value 60px (3.75rem) - Display */
+    readonly "6xl": 60;
+    /** @value 72px (4.5rem) - Large display */
+    readonly "7xl": 72;
+    /** @value 96px (6rem) - Hero */
+    readonly "8xl": 96;
+    /** @value 128px (8rem) - Massive hero */
+    readonly "9xl": 128;
+};
+export declare const defaultRadii: {
+    /** @value 0px - No border radius */
+    readonly none: 0;
+    /** @value 2px (0.125rem) - Small radius */
+    readonly sm: 2;
+    /** @value 4px (0.25rem) - Default radius */
+    readonly DEFAULT: 4;
+    /** @value 6px (0.375rem) - Medium radius */
+    readonly md: 6;
+    /** @value 8px (0.5rem) - Large radius */
+    readonly lg: 8;
+    /** @value 12px (0.75rem) - Extra large radius */
+    readonly xl: 12;
+    /** @value 16px (1rem) - 2x large radius */
+    readonly "2xl": 16;
+    /** @value 24px (1.5rem) - 3x large radius */
+    readonly "3xl": 24;
+    /** @value 9999px - Full/pill radius */
+    readonly full: 9999;
+};
+export declare const defaultShadows: {
+    /** No shadow */
+    readonly none: {
+        readonly shadowColor: "transparent";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 0;
+        };
+        readonly shadowOpacity: 0;
+        readonly shadowRadius: 0;
+        readonly elevation: 0;
+    };
+    /** Small shadow - subtle depth */
+    readonly sm: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.05;
+        readonly shadowRadius: 2;
+        readonly elevation: 1;
+    };
+    /** Default shadow - light depth */
+    readonly DEFAULT: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 3;
+        readonly elevation: 3;
+    };
+    /** Medium shadow - moderate depth */
+    readonly md: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 6;
+        readonly elevation: 6;
+    };
+    /** Large shadow - significant depth */
+    readonly lg: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 10;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 15;
+        readonly elevation: 9;
+    };
+    /** Extra large shadow - heavy depth */
+    readonly xl: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 20;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 25;
+        readonly elevation: 12;
+    };
+    /** 2x large shadow - very heavy depth */
+    readonly "2xl": {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 25;
+        };
+        readonly shadowOpacity: 0.25;
+        readonly shadowRadius: 50;
+        readonly elevation: 16;
+    };
+    /** Inner shadow effect */
+    readonly inner: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 2;
+        };
+        readonly shadowOpacity: 0.05;
+        readonly shadowRadius: 4;
+        readonly elevation: 0;
+    };
+};
+export declare const defaultZIndex: {
+    /** @value 0 - Base layer */
+    readonly "0": 0;
+    /** @value 10 - Above base */
+    readonly "10": 10;
+    /** @value 20 - Dropdowns */
+    readonly "20": 20;
+    /** @value 30 - Sticky elements */
+    readonly "30": 30;
+    /** @value 40 - Fixed elements */
+    readonly "40": 40;
+    /** @value 50 - Modals/overlays */
+    readonly "50": 50;
+};
+export declare const defaultOpacity: {
+    /** @value 0 - Fully transparent */
+    readonly "0": 0;
+    /** @value 0.05 - 5% opacity */
+    readonly "5": 0.05;
+    /** @value 0.1 - 10% opacity */
+    readonly "10": 0.1;
+    /** @value 0.15 - 15% opacity */
+    readonly "15": 0.15;
+    /** @value 0.2 - 20% opacity */
+    readonly "20": 0.2;
+    /** @value 0.25 - 25% opacity */
+    readonly "25": 0.25;
+    /** @value 0.3 - 30% opacity */
+    readonly "30": 0.3;
+    /** @value 0.35 - 35% opacity */
+    readonly "35": 0.35;
+    /** @value 0.4 - 40% opacity */
+    readonly "40": 0.4;
+    /** @value 0.45 - 45% opacity */
+    readonly "45": 0.45;
+    /** @value 0.5 - 50% opacity */
+    readonly "50": 0.5;
+    /** @value 0.55 - 55% opacity */
+    readonly "55": 0.55;
+    /** @value 0.6 - 60% opacity */
+    readonly "60": 0.6;
+    /** @value 0.65 - 65% opacity */
+    readonly "65": 0.65;
+    /** @value 0.7 - 70% opacity */
+    readonly "70": 0.7;
+    /** @value 0.75 - 75% opacity */
+    readonly "75": 0.75;
+    /** @value 0.8 - 80% opacity */
+    readonly "80": 0.8;
+    /** @value 0.85 - 85% opacity */
+    readonly "85": 0.85;
+    /** @value 0.9 - 90% opacity */
+    readonly "90": 0.9;
+    /** @value 0.95 - 95% opacity */
+    readonly "95": 0.95;
+    /** @value 1 - Fully opaque */
+    readonly "100": 1;
+};
+export declare const defaultLineHeights: {
+    /** @value 12px (0.75rem) */
+    readonly "3": 12;
+    /** @value 16px (1rem) */
+    readonly "4": 16;
+    /** @value 20px (1.25rem) */
+    readonly "5": 20;
+    /** @value 24px (1.5rem) */
+    readonly "6": 24;
+    /** @value 28px (1.75rem) */
+    readonly "7": 28;
+    /** @value 32px (2rem) */
+    readonly "8": 32;
+    /** @value 36px (2.25rem) */
+    readonly "9": 36;
+    /** @value 40px (2.5rem) */
+    readonly "10": 40;
+    /** @value 1 - No line height */
+    readonly none: 1;
+    /** @value 1.25 - Tight spacing */
+    readonly tight: 1.25;
+    /** @value 1.375 - Snug spacing */
+    readonly snug: 1.375;
+    /** @value 1.5 - Normal spacing */
+    readonly normal: 1.5;
+    /** @value 1.625 - Relaxed spacing */
+    readonly relaxed: 1.625;
+    /** @value 2 - Loose spacing */
+    readonly loose: 2;
+};
+export declare const defaultFontWeights: {
+    /** @value "100" - Thin */
+    readonly thin: "100";
+    /** @value "200" - Extra light */
+    readonly extralight: "200";
+    /** @value "300" - Light */
+    readonly light: "300";
+    /** @value "400" - Normal/Regular */
+    readonly normal: "400";
+    /** @value "500" - Medium */
+    readonly medium: "500";
+    /** @value "600" - Semi bold */
+    readonly semibold: "600";
+    /** @value "700" - Bold */
+    readonly bold: "700";
+    /** @value "800" - Extra bold */
+    readonly extrabold: "800";
+    /** @value "900" - Black/Heavy */
+    readonly black: "900";
+};
+export declare const defaultLetterSpacing: {
+    /** @value -0.8px - Tighter spacing */
+    readonly tighter: -0.8;
+    /** @value -0.4px - Tight spacing */
+    readonly tight: -0.4;
+    /** @value 0px - Normal spacing */
+    readonly normal: 0;
+    /** @value 0.4px - Wide spacing */
+    readonly wide: 0.4;
+    /** @value 0.8px - Wider spacing */
+    readonly wider: 0.8;
+    /** @value 1.6px - Widest spacing */
+    readonly widest: 1.6;
+};
+export type DefaultColors = TailwindColors;
+export type DefaultSpacing = TailwindSpacing;
+export type DefaultFontSizes = TailwindFontSizes;
+export type DefaultRadii = TailwindRadii;
+export type DefaultShadows = TailwindShadows;
+export type DefaultZIndex = TailwindZIndex;
+export type DefaultOpacity = TailwindOpacity;
+export type DefaultLineHeights = TailwindLineHeights;
+export type DefaultFontWeights = TailwindFontWeights;
+export type DefaultLetterSpacing = TailwindLetterSpacing;