omnidesign 1.0.2 → 1.1.0

package/tokens/primitives/colors-extended.json

@@ -0,0 +1,455 @@
+{
+  "_meta": {
+    "version": "1.0.0",
+    "description": "Extended color palette for OmniDesign - 16 color families with 11 shades each (50-950)",
+    "lastUpdated": "2026-01-31",
+    "format": "DTCG (Design Tokens Community Group)",
+    "totalColors": 176,
+    "inspiredBy": "Tailwind CSS color system"
+  },
+  "families": {
+    "neutral": {
+      "description": "Pure grayscale for UI structure - backgrounds, borders, text",
+      "usage": "UI chrome, backgrounds, neutral text",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FAFAFA", "$description": "Lightest background, subtle surfaces" },
+        "100": { "$type": "color", "$value": "#F5F5F5", "$description": "Very light backgrounds, hover states" },
+        "200": { "$type": "color", "$value": "#E5E5E5", "$description": "Borders, dividers, subtle backgrounds" },
+        "300": { "$type": "color", "$value": "#D4D4D4", "$description": "Disabled states, placeholder text" },
+        "400": { "$type": "color", "$value": "#A3A3A3", "$description": "Muted text, secondary content" },
+        "500": { "$type": "color", "$value": "#737373", "$description": "Neutral base shade - icons, secondary text" },
+        "600": { "$type": "color", "$value": "#525252", "$description": "Medium gray - primary neutral text" },
+        "700": { "$type": "color", "$value": "#404040", "$description": "Dark gray - headings on light" },
+        "800": { "$type": "color", "$value": "#262626", "$description": "Very dark - strong text" },
+        "900": { "$type": "color", "$value": "#171717", "$description": "Darker text, dark surfaces" },
+        "950": { "$type": "color", "$value": "#0A0A0A", "$description": "Darkest - near black, high contrast text" }
+      }
+    },
+    "slate": {
+      "description": "Cool gray with subtle blue undertone - modern tech aesthetic",
+      "usage": "Modern tech interfaces, professional software",
+      "shades": {
+        "50": { "$type": "color", "$value": "#F8FAFC", "$description": "Slate-50 - cool lightest background" },
+        "100": { "$type": "color", "$value": "#F1F5F9", "$description": "Cool gray background, card surfaces" },
+        "200": { "$type": "color", "$value": "#E2E8F0", "$description": "Cool borders, input backgrounds" },
+        "300": { "$type": "color", "$value": "#CBD5E1", "$description": "Cool disabled, dividers" },
+        "400": { "$type": "color", "$value": "#94A3B8", "$description": "Cool muted text" },
+        "500": { "$type": "color", "$value": "#64748B", "$description": "Slate-500 - neutral cool base" },
+        "600": { "$type": "color", "$value": "#475569", "$description": "Cool primary text" },
+        "700": { "$type": "color", "$value": "#334155", "$description": "Dark cool headings" },
+        "800": { "$type": "color", "$value": "#1E293B", "$description": "Very dark cool surfaces" },
+        "900": { "$type": "color", "$value": "#0F172A", "$description": "Dark mode backgrounds" },
+        "950": { "$type": "color", "$value": "#020617", "$description": "Darkest cool - near black" }
+      }
+    },
+    "zinc": {
+      "description": "True neutral gray - balanced without color bias",
+      "usage": "Neutral UI, Swiss design, minimalist interfaces",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FAFAFA", "$description": "True neutral lightest" },
+        "100": { "$type": "color", "$value": "#F4F4F5", "$description": "Neutral background" },
+        "200": { "$type": "color", "$value": "#E4E4E7", "$description": "Neutral borders" },
+        "300": { "$type": "color", "$value": "#D4D4D8", "$description": "Neutral dividers" },
+        "400": { "$type": "color", "$value": "#A1A1AA", "$description": "Neutral muted text" },
+        "500": { "$type": "color", "$value": "#71717A", "$description": "Zinc-500 - true neutral base" },
+        "600": { "$type": "color", "$value": "#52525B", "$description": "Neutral primary text" },
+        "700": { "$type": "color", "$value": "#3F3F46", "$description": "Dark neutral text" },
+        "800": { "$type": "color", "$value": "#27272A", "$description": "Dark neutral surfaces" },
+        "900": { "$type": "color", "$value": "#18181B", "$description": "Very dark neutral" },
+        "950": { "$type": "color", "$value": "#09090B", "$description": "True neutral darkest" }
+      }
+    },
+    "stone": {
+      "description": "Warm gray with subtle brown undertone - organic, editorial feel",
+      "usage": "Editorial content, organic brands, warm interfaces",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FAFAF9", "$description": "Warm lightest background" },
+        "100": { "$type": "color", "$value": "#F5F5F4", "$description": "Warm paper-like background" },
+        "200": { "$type": "color", "$value": "#E7E5E4", "$description": "Warm borders" },
+        "300": { "$type": "color", "$value": "#D6D3D1", "$description": "Warm dividers" },
+        "400": { "$type": "color", "$value": "#A8A29E", "$description": "Warm muted text" },
+        "500": { "$type": "color", "$value": "#78716C", "$description": "Stone-500 - warm neutral base" },
+        "600": { "$type": "color", "$value": "#57534E", "$description": "Warm primary text" },
+        "700": { "$type": "color", "$value": "#44403C", "$description": "Dark warm headings" },
+        "800": { "$type": "color", "$value": "#292524", "$description": "Dark warm surfaces" },
+        "900": { "$type": "color", "$value": "#1C1917", "$description": "Very dark warm" },
+        "950": { "$type": "color", "$value": "#0C0A09", "$description": "Warm darkest" }
+      }
+    },
+    "red": {
+      "description": "Error states, destructive actions, warnings, alerts",
+      "usage": "Danger, error messages, delete buttons, critical alerts",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FEF2F2", "$description": "Lightest red - error backgrounds" },
+        "100": { "$type": "color", "$value": "#FEE2E2", "$description": "Light error states, hover" },
+        "200": { "$type": "color", "$value": "#FECACA", "$description": "Error borders, light alerts" },
+        "300": { "$type": "color", "$value": "#FCA5A5", "$description": "Error highlights" },
+        "400": { "$type": "color", "$value": "#F87171", "$description": "Light error text, icons" },
+        "500": { "$type": "color", "$value": "#EF4444", "$description": "Red-500 - error base" },
+        "600": { "$type": "color", "$value": "#DC2626", "$description": "Primary error, destructive buttons" },
+        "700": { "$type": "color", "$value": "#B91C1C", "$description": "Dark error text" },
+        "800": { "$type": "color", "$value": "#991B1B", "$description": "Dark error backgrounds" },
+        "900": { "$type": "color", "$value": "#7F1D1D", "$description": "Very dark error surfaces" },
+        "950": { "$type": "color", "$value": "#450A0A", "$description": "Darkest error - emergency" }
+      }
+    },
+    "orange": {
+      "description": "Energy, warmth, enthusiasm - attention-grabbing",
+      "usage": "CTAs, warnings, energy, creative interfaces, autumn themes",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FFF7ED", "$description": "Lightest orange - warm backgrounds" },
+        "100": { "$type": "color", "$value": "#FFEDD5", "$description": "Orange highlights" },
+        "200": { "$type": "color", "$value": "#FED7AA", "$description": "Orange borders, subtle accents" },
+        "300": { "$type": "color", "$value": "#FDBA74", "$description": "Orange highlights, warnings" },
+        "400": { "$type": "color", "$value": "#FB923C", "$description": "Light orange text, icons" },
+        "500": { "$type": "color", "$value": "#F97316", "$description": "Orange-500 - energy base" },
+        "600": { "$type": "color", "$value": "#EA580C", "$description": "Primary orange - CTAs" },
+        "700": { "$type": "color", "$value": "#C2410C", "$description": "Dark orange text" },
+        "800": { "$type": "color", "$value": "#9A3412", "$description": "Dark orange surfaces" },
+        "900": { "$type": "color", "$value": "#7C2D12", "$description": "Very dark orange" },
+        "950": { "$type": "color", "$value": "#431407", "$description": "Darkest orange - burnt" }
+      }
+    },
+    "amber": {
+      "description": "Caution, gold, yellow-orange - warning and highlights",
+      "usage": "Warnings, gold themes, highlights, star ratings, caution states",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FFFBEB", "$description": "Lightest amber - caution backgrounds" },
+        "100": { "$type": "color", "$value": "#FEF3C7", "$description": "Warning backgrounds, alerts" },
+        "200": { "$type": "color", "$value": "#FDE68A", "$description": "Highlight backgrounds" },
+        "300": { "$type": "color", "$value": "#FCD34D", "$description": "Warning icons, stars" },
+        "400": { "$type": "color", "$value": "#FBBF24", "$description": "Gold highlights, ratings" },
+        "500": { "$type": "color", "$value": "#F59E0B", "$description": "Amber-500 - warning base" },
+        "600": { "$type": "color", "$value": "#D97706", "$description": "Primary warning, gold" },
+        "700": { "$type": "color", "$value": "#B45309", "$description": "Dark amber text" },
+        "800": { "$type": "color", "$value": "#92400E", "$description": "Dark amber surfaces" },
+        "900": { "$type": "color", "$value": "#78350F", "$description": "Very dark amber" },
+        "950": { "$type": "color", "$value": "#451A03", "$description": "Darkest amber - bronze" }
+      }
+    },
+    "yellow": {
+      "description": "Brightness, optimism, sunshine - high visibility",
+      "usage": "Highlights, attention, notifications, cheerful interfaces",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FEFCE8", "$description": "Lightest yellow - subtle highlight" },
+        "100": { "$type": "color", "$value": "#FEF9C3", "$description": "Yellow backgrounds" },
+        "200": { "$type": "color", "$value": "#FEF08A", "$description": "Highlight backgrounds" },
+        "300": { "$type": "color", "$value": "#FDE047", "$description": "Yellow highlights, icons" },
+        "400": { "$type": "color", "$value": "#FACC15", "$description": "Bright yellow, notifications" },
+        "500": { "$type": "color", "$value": "#EAB308", "$description": "Yellow-500 - brightness base" },
+        "600": { "$type": "color", "$value": "#CA8A04", "$description": "Primary yellow - warnings" },
+        "700": { "$type": "color", "$value": "#A16207", "$description": "Dark yellow text" },
+        "800": { "$type": "color", "$value": "#854D0E", "$description": "Dark yellow surfaces" },
+        "900": { "$type": "color", "$value": "#713F12", "$description": "Very dark yellow - mustard" },
+        "950": { "$type": "color", "$value": "#422006", "$description": "Darkest yellow - olive" }
+      }
+    },
+    "lime": {
+      "description": "Fresh, natural, energetic - eco-friendly vibes",
+      "usage": "Nature, eco, spring, freshness, alternative to pure green",
+      "shades": {
+        "50": { "$type": "color", "$value": "#F7FEE7", "$description": "Lightest lime - fresh backgrounds" },
+        "100": { "$type": "color", "$value": "#ECFCCB", "$description": "Lime backgrounds, eco themes" },
+        "200": { "$type": "color", "$value": "#D9F99D", "$description": "Lime highlights" },
+        "300": { "$type": "color", "$value": "#BEF264", "$description": "Lime accents, fresh icons" },
+        "400": { "$type": "color", "$value": "#A3E635", "$description": "Bright lime, spring" },
+        "500": { "$type": "color", "$value": "#84CC16", "$description": "Lime-500 - fresh base" },
+        "600": { "$type": "color", "$value": "#65A30D", "$description": "Primary lime - eco" },
+        "700": { "$type": "color", "$value": "#4D7C0F", "$description": "Dark lime text" },
+        "800": { "$type": "color", "$value": "#3F6212", "$description": "Dark lime surfaces" },
+        "900": { "$type": "color", "$value": "#365314", "$description": "Very dark lime - forest" },
+        "950": { "$type": "color", "$value": "#1A2E05", "$description": "Darkest lime - deep green" }
+      }
+    },
+    "green": {
+      "description": "Success, growth, nature, confirmation, positive actions",
+      "usage": "Success states, confirmations, go buttons, nature, money",
+      "shades": {
+        "50": { "$type": "color", "$value": "#F0FDF4", "$description": "Lightest green - success backgrounds" },
+        "100": { "$type": "color", "$value": "#DCFCE7", "$description": "Success states, confirmations" },
+        "200": { "$type": "color", "$value": "#BBF7D0", "$description": "Success borders, alerts" },
+        "300": { "$type": "color", "$value": "#86EFAC", "$description": "Success highlights" },
+        "400": { "$type": "color", "$value": "#4ADE80", "$description": "Light green, progress" },
+        "500": { "$type": "color", "$value": "#22C55E", "$description": "Green-500 - success base" },
+        "600": { "$type": "color", "$value": "#16A34A", "$description": "Primary success - go buttons" },
+        "700": { "$type": "color", "$value": "#15803D", "$description": "Dark green text" },
+        "800": { "$type": "color", "$value": "#166534", "$description": "Dark green surfaces, money" },
+        "900": { "$type": "color", "$value": "#14532D", "$description": "Very dark green - forest" },
+        "950": { "$type": "color", "$value": "#052E16", "$description": "Darkest green - deep emerald" }
+      }
+    },
+    "emerald": {
+      "description": "Natural, refined green - premium organic aesthetic",
+      "usage": "Premium eco brands, wellness, sophisticated nature themes",
+      "shades": {
+        "50": { "$type": "color", "$value": "#ECFDF5", "$description": "Lightest emerald - premium eco" },
+        "100": { "$type": "color", "$value": "#D1FAE5", "$description": "Emerald backgrounds" },
+        "200": { "$type": "color", "$value": "#A7F3D0", "$description": "Emerald highlights" },
+        "300": { "$type": "color", "$value": "#6EE7B7", "$description": "Emerald accents" },
+        "400": { "$type": "color", "$value": "#34D399", "$description": "Bright emerald" },
+        "500": { "$type": "color", "$value": "#10B981", "$description": "Emerald-500 - premium base" },
+        "600": { "$type": "color", "$value": "#059669", "$description": "Primary emerald - wellness" },
+        "700": { "$type": "color", "$value": "#047857", "$description": "Dark emerald text" },
+        "800": { "$type": "color", "$value": "#065F46", "$description": "Dark emerald surfaces" },
+        "900": { "$type": "color", "$value": "#064E3B", "$description": "Very dark emerald" },
+        "950": { "$type": "color", "$value": "#022C22", "$description": "Darkest emerald - deep teal" }
+      }
+    },
+    "teal": {
+      "description": "Calm, trustworthy, medical, professional - balanced cyan-green",
+      "usage": "Medical, finance, trust, professional services, balanced brands",
+      "shades": {
+        "50": { "$type": "color", "$value": "#F0FDFA", "$description": "Lightest teal - medical backgrounds" },
+        "100": { "$type": "color", "$value": "#CCFBF1", "$description": "Teal backgrounds, calm" },
+        "200": { "$type": "color", "$value": "#99F6E4", "$description": "Teal highlights, trust" },
+        "300": { "$type": "color", "$value": "#5EEAD4", "$description": "Teal accents, fresh" },
+        "400": { "$type": "color", "$value": "#2DD4BF", "$description": "Bright teal, healthcare" },
+        "500": { "$type": "color", "$value": "#14B8A6", "$description": "Teal-500 - trust base" },
+        "600": { "$type": "color", "$value": "#0D9488", "$description": "Primary teal - medical" },
+        "700": { "$type": "color", "$value": "#0F766E", "$description": "Dark teal text, finance" },
+        "800": { "$type": "color", "$value": "#115E59", "$description": "Dark teal surfaces" },
+        "900": { "$type": "color", "$value": "#134E4A", "$description": "Very dark teal - professional" },
+        "950": { "$type": "color", "$value": "#042F2E", "$description": "Darkest teal - deep sea" }
+      }
+    },
+    "cyan": {
+      "description": "Fresh, modern, tech-forward - blue-green energy",
+      "usage": "Tech startups, modern apps, fresh interfaces, water themes",
+      "shades": {
+        "50": { "$type": "color", "$value": "#ECFEFF", "$description": "Lightest cyan - tech backgrounds" },
+        "100": { "$type": "color", "$value": "#CFFAFE", "$description": "Cyan backgrounds, fresh" },
+        "200": { "$type": "color", "$value": "#A5F3FC", "$description": "Cyan highlights, modern" },
+        "300": { "$type": "color", "$value": "#67E8F9", "$description": "Cyan accents, tech" },
+        "400": { "$type": "color", "$value": "#22D3EE", "$description": "Bright cyan, startup" },
+        "500": { "$type": "color", "$value": "#06B6D4", "$description": "Cyan-500 - modern base" },
+        "600": { "$type": "color", "$value": "#0891B2", "$description": "Primary cyan - tech" },
+        "700": { "$type": "color", "$value": "#0E7490", "$description": "Dark cyan text" },
+        "800": { "$type": "color", "$value": "#155E75", "$description": "Dark cyan surfaces" },
+        "900": { "$type": "color", "$value": "#164E63", "$description": "Very dark cyan - ocean" },
+        "950": { "$type": "color", "$value": "#083344", "$description": "Darkest cyan - deep water" }
+      }
+    },
+    "sky": {
+      "description": "Light, airy, open - gentle blue for relaxed interfaces",
+      "usage": "Weather apps, open interfaces, light themes, daytime",
+      "shades": {
+        "50": { "$type": "color", "$value": "#F0F9FF", "$description": "Lightest sky - airy backgrounds" },
+        "100": { "$type": "color", "$value": "#E0F2FE", "$description": "Sky backgrounds, calm" },
+        "200": { "$type": "color", "$value": "#BAE6FD", "$description": "Sky highlights, gentle" },
+        "300": { "$type": "color", "$value": "#7DD3FC", "$description": "Sky accents, light blue" },
+        "400": { "$type": "color", "$value": "#38BDF8", "$description": "Bright sky, daytime" },
+        "500": { "$type": "color", "$value": "#0EA5E9", "$description": "Sky-500 - open base" },
+        "600": { "$type": "color", "$value": "#0284C7", "$description": "Primary sky - weather" },
+        "700": { "$type": "color", "$value": "#0369A1", "$description": "Dark sky text" },
+        "800": { "$type": "color", "$value": "#075985", "$description": "Dark sky surfaces" },
+        "900": { "$type": "color", "$value": "#0C4A6E", "$description": "Very dark sky - deep" },
+        "950": { "$type": "color", "$value": "#082F49", "$description": "Darkest sky - night" }
+      }
+    },
+    "blue": {
+      "description": "Primary, corporate, trustworthy - the universal brand color",
+      "usage": "Primary brand color, links, corporate themes, trust",
+      "shades": {
+        "50": { "$type": "color", "$value": "#EFF6FF", "$description": "Lightest blue - link backgrounds" },
+        "100": { "$type": "color", "$value": "#DBEAFE", "$description": "Blue backgrounds, hover" },
+        "200": { "$type": "color", "$value": "#BFDBFE", "$description": "Blue borders, light" },
+        "300": { "$type": "color", "$value": "#93C5FD", "$description": "Blue highlights" },
+        "400": { "$type": "color", "$value": "#60A5FA", "$description": "Light blue, links" },
+        "500": { "$type": "color", "$value": "#3B82F6", "$description": "Blue-500 - corporate base" },
+        "600": { "$type": "color", "$value": "#2563EB", "$description": "Primary blue - brand" },
+        "700": { "$type": "color", "$value": "#1D4ED8", "$description": "Dark blue text, links" },
+        "800": { "$type": "color", "$value": "#1E40AF", "$description": "Dark blue surfaces" },
+        "900": { "$type": "color", "$value": "#1E3A8A", "$description": "Very dark blue - navy" },
+        "950": { "$type": "color", "$value": "#172554", "$description": "Darkest blue - deep navy" }
+      }
+    },
+    "indigo": {
+      "description": "Rich, deep, professional - sophisticated purple-blue",
+      "usage": "Premium brands, professional services, sophisticated tech",
+      "shades": {
+        "50": { "$type": "color", "$value": "#EEF2FF", "$description": "Lightest indigo - premium backgrounds" },
+        "100": { "$type": "color", "$value": "#E0E7FF", "$description": "Indigo backgrounds" },
+        "200": { "$type": "color", "$value": "#C7D2FE", "$description": "Indigo highlights" },
+        "300": { "$type": "color", "$value": "#A5B4FC", "$description": "Indigo accents" },
+        "400": { "$type": "color", "$value": "#818CF8", "$description": "Bright indigo" },
+        "500": { "$type": "color", "$value": "#6366F1", "$description": "Indigo-500 - premium base" },
+        "600": { "$type": "color", "$value": "#4F46E5", "$description": "Primary indigo - professional" },
+        "700": { "$type": "color", "$value": "#4338CA", "$description": "Dark indigo text" },
+        "800": { "$type": "color", "$value": "#3730A3", "$description": "Dark indigo surfaces" },
+        "900": { "$type": "color", "$value": "#312E81", "$description": "Very dark indigo" },
+        "950": { "$type": "color", "$value": "#1E1B4B", "$description": "Darkest indigo - deep purple" }
+      }
+    },
+    "violet": {
+      "description": "Creative, magical, imaginative - purple with energy",
+      "usage": "Creative brands, imagination, magic, art, spiritual themes",
+      "shades": {
+        "50": { "$type": "color", "$value": "#F5F3FF", "$description": "Lightest violet - creative backgrounds" },
+        "100": { "$type": "color", "$value": "#EDE9FE", "$description": "Violet backgrounds, art" },
+        "200": { "$type": "color", "$value": "#DDD6FE", "$description": "Violet highlights" },
+        "300": { "$type": "color", "$value": "#C4B5FD", "$description": "Violet accents, creative" },
+        "400": { "$type": "color", "$value": "#A78BFA", "$description": "Bright violet, magic" },
+        "500": { "$type": "color", "$value": "#8B5CF6", "$description": "Violet-500 - creative base" },
+        "600": { "$type": "color", "$value": "#7C3AED", "$description": "Primary violet - imagination" },
+        "700": { "$type": "color", "$value": "#6D28D9", "$description": "Dark violet text" },
+        "800": { "$type": "color", "$value": "#5B21B6", "$description": "Dark violet surfaces" },
+        "900": { "$type": "color", "$value": "#4C1D95", "$description": "Very dark violet" },
+        "950": { "$type": "color", "$value": "#2E1065", "$description": "Darkest violet - deep magic" }
+      }
+    },
+    "purple": {
+      "description": "Premium, luxury, royalty, sophistication - deep purple",
+      "usage": "Luxury brands, premium services, royal themes, night",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FAF5FF", "$description": "Lightest purple - luxury backgrounds" },
+        "100": { "$type": "color", "$value": "#F3E8FF", "$description": "Purple backgrounds" },
+        "200": { "$type": "color", "$value": "#E9D5FF", "$description": "Purple highlights" },
+        "300": { "$type": "color", "$value": "#D8B4FE", "$description": "Purple accents" },
+        "400": { "$type": "color", "$value": "#C084FC", "$description": "Bright purple" },
+        "500": { "$type": "color", "$value": "#A855F7", "$description": "Purple-500 - luxury base" },
+        "600": { "$type": "color", "$value": "#9333EA", "$description": "Primary purple - premium" },
+        "700": { "$type": "color", "$value": "#7E22CE", "$description": "Dark purple text" },
+        "800": { "$type": "color", "$value": "#6B21A8", "$description": "Dark purple surfaces" },
+        "900": { "$type": "color", "$value": "#581C87", "$description": "Very dark purple - royal" },
+        "950": { "$type": "color", "$value": "#3B0764", "$description": "Darkest purple - deep luxury" }
+      }
+    },
+    "fuchsia": {
+      "description": "Bold, playful, vibrant - energetic purple-pink",
+      "usage": "Fun brands, youth, nightlife, party, vibrant interfaces",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FDF4FF", "$description": "Lightest fuchsia - playful backgrounds" },
+        "100": { "$type": "color", "$value": "#FAE8FF", "$description": "Fuchsia backgrounds" },
+        "200": { "$type": "color", "$value": "#F5D0FE", "$description": "Fuchsia highlights" },
+        "300": { "$type": "color", "$value": "#F0ABFC", "$description": "Fuchsia accents, fun" },
+        "400": { "$type": "color", "$value": "#E879F9", "$description": "Bright fuchsia, party" },
+        "500": { "$type": "color", "$value": "#D946EF", "$description": "Fuchsia-500 - playful base" },
+        "600": { "$type": "color", "$value": "#C026D3", "$description": "Primary fuchsia - vibrant" },
+        "700": { "$type": "color", "$value": "#A21CAF", "$description": "Dark fuchsia text" },
+        "800": { "$type": "color", "$value": "#86198F", "$description": "Dark fuchsia surfaces" },
+        "900": { "$type": "color", "$value": "#701A75", "$description": "Very dark fuchsia" },
+        "950": { "$type": "color", "$value": "#4A044E", "$description": "Darkest fuchsia - deep" }
+      }
+    },
+    "pink": {
+      "description": "Warm, friendly, feminine, caring - approachable pink",
+      "usage": "Healthcare, feminine brands, caring services, love themes",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FDF2F8", "$description": "Lightest pink - caring backgrounds" },
+        "100": { "$type": "color", "$value": "#FCE7F3", "$description": "Pink backgrounds" },
+        "200": { "$type": "color", "$value": "#FBCFE8", "$description": "Pink highlights" },
+        "300": { "$type": "color", "$value": "#F9A8D4", "$description": "Pink accents, caring" },
+        "400": { "$type": "color", "$value": "#F472B6", "$description": "Bright pink, love" },
+        "500": { "$type": "color", "$value": "#EC4899", "$description": "Pink-500 - friendly base" },
+        "600": { "$type": "color", "$value": "#DB2777", "$description": "Primary pink - healthcare" },
+        "700": { "$type": "color", "$value": "#BE185D", "$description": "Dark pink text" },
+        "800": { "$type": "color", "$value": "#9D174D", "$description": "Dark pink surfaces" },
+        "900": { "$type": "color", "$value": "#831843", "$description": "Very dark pink" },
+        "950": { "$type": "color", "$value": "#500724", "$description": "Darkest pink - deep" }
+      }
+    },
+    "rose": {
+      "description": "Soft, elegant, romantic - sophisticated warm pink",
+      "usage": "Romance, beauty, elegant feminine, soft aesthetics",
+      "shades": {
+        "50": { "$type": "color", "$value": "#FFF1F2", "$description": "Lightest rose - romantic backgrounds" },
+        "100": { "$type": "color", "$value": "#FFE4E6", "$description": "Rose backgrounds, love" },
+        "200": { "$type": "color", "$value": "#FECDD3", "$description": "Rose highlights" },
+        "300": { "$type": "color", "$value": "#FDA4AF", "$description": "Rose accents, beauty" },
+        "400": { "$type": "color", "$value": "#FB7185", "$description": "Bright rose, romance" },
+        "500": { "$type": "color", "$value": "#F43F5E", "$description": "Rose-500 - elegant base" },
+        "600": { "$type": "color", "$value": "#E11D48", "$description": "Primary rose - passion" },
+        "700": { "$type": "color", "$value": "#BE123C", "$description": "Dark rose text" },
+        "800": { "$type": "color", "$value": "#9F1239", "$description": "Dark rose surfaces" },
+        "900": { "$type": "color", "$value": "#881337", "$description": "Very dark rose" },
+        "950": { "$type": "color", "$value": "#4C0519", "$description": "Darkest rose - deep romance" }
+      }
+    }
+  },
+  "semanticMapping": {
+    "light": {
+      "text-default": { "$type": "alias", "$value": "{slate.900}", "$description": "Primary text on light surfaces" },
+      "text-muted": { "$type": "alias", "$value": "{slate.500}", "$description": "Secondary/muted text" },
+      "text-inverted": { "$type": "alias", "$value": "{white}", "$description": "Text on dark surfaces" },
+      "surface-default": { "$type": "alias", "$value": "{white}", "$description": "Default surface background" },
+      "surface-raised": { "$type": "alias", "$value": "{slate.50}", "$description": "Elevated surfaces, cards" },
+      "surface-sunken": { "$type": "alias", "$value": "{slate.100}", "$description": "Depressed surfaces, inputs" },
+      "border-default": { "$type": "alias", "$value": "{slate.200}", "$description": "Default border color" },
+      "border-subtle": { "$type": "alias", "$value": "{slate.100}", "$description": "Subtle dividers" },
+      "interactive-primary": { "$type": "alias", "$value": "{blue.600}", "$description": "Primary interactive elements" },
+      "interactive-primary-hover": { "$type": "alias", "$value": "{blue.700}", "$description": "Primary hover state" },
+      "interactive-secondary": { "$type": "alias", "$value": "{slate.600}", "$description": "Secondary interactive" },
+      "status-success": { "$type": "alias", "$value": "{green.600}", "$description": "Success states" },
+      "status-warning": { "$type": "alias", "$value": "{amber.500}", "$description": "Warning states" },
+      "status-error": { "$type": "alias", "$value": "{red.600}", "$description": "Error states" },
+      "status-info": { "$type": "alias", "$value": "{blue.500}", "$description": "Info states" }
+    },
+    "dark": {
+      "text-default": { "$type": "alias", "$value": "{slate.50}", "$description": "Primary text on dark surfaces" },
+      "text-muted": { "$type": "alias", "$value": "{slate.400}", "$description": "Secondary/muted text in dark mode" },
+      "text-inverted": { "$type": "alias", "$value": "{slate.950}", "$description": "Text on light surfaces in dark mode" },
+      "surface-default": { "$type": "alias", "$value": "{slate.950}", "$description": "Dark mode background" },
+      "surface-raised": { "$type": "alias", "$value": "{slate.900}", "$description": "Elevated surfaces in dark mode" },
+      "surface-sunken": { "$type": "alias", "$value": "{slate.950}", "$description": "Depressed surfaces in dark mode" },
+      "border-default": { "$type": "alias", "$value": "{slate.800}", "$description": "Dark mode borders" },
+      "border-subtle": { "$type": "alias", "$value": "{slate.900}", "$description": "Subtle dividers in dark mode" },
+      "interactive-primary": { "$type": "alias", "$value": "{blue.500}", "$description": "Primary interactive in dark mode (brighter)" },
+      "interactive-primary-hover": { "$type": "alias", "$value": "{blue.400}", "$description": "Primary hover in dark mode" },
+      "interactive-secondary": { "$type": "alias", "$value": "{slate.500}", "$description": "Secondary interactive in dark mode" },
+      "status-success": { "$type": "alias", "$value": "{green.500}", "$description": "Success states in dark mode" },
+      "status-warning": { "$type": "alias", "$value": "{amber.400}", "$description": "Warning states in dark mode" },
+      "status-error": { "$type": "alias", "$value": "{red.500}", "$description": "Error states in dark mode" },
+      "status-info": { "$type": "alias", "$value": "{blue.400}", "$description": "Info states in dark mode" }
+    }
+  },
+  "themePresets": {
+    "corporate": {
+      "description": "Classic blue enterprise theme",
+      "primary": "blue",
+      "semantic": {
+        "interactive-primary": "{blue.600}",
+        "surface-raised": "{slate.50}"
+      }
+    },
+    "forest": {
+      "description": "Natural green theme",
+      "primary": "green",
+      "semantic": {
+        "interactive-primary": "{green.600}",
+        "surface-raised": "{stone.50}"
+      }
+    },
+    "sunset": {
+      "description": "Warm orange and amber theme",
+      "primary": "orange",
+      "semantic": {
+        "interactive-primary": "{orange.600}",
+        "surface-raised": "{orange.50}"
+      }
+    },
+    "ocean": {
+      "description": "Calm teal and cyan theme",
+      "primary": "teal",
+      "semantic": {
+        "interactive-primary": "{teal.600}",
+        "surface-raised": "{cyan.50}"
+      }
+    },
+    "creative": {
+      "description": "Vibrant purple and violet theme",
+      "primary": "violet",
+      "semantic": {
+        "interactive-primary": "{violet.600}",
+        "surface-raised": "{purple.50}"
+      }
+    },
+    "midnight": {
+      "description": "Dark blue professional theme",
+      "primary": "indigo",
+      "semantic": {
+        "interactive-primary": "{indigo.500}",
+        "surface-raised": "{slate.900}"
+      }
+    }
+  }
+}