{
  "$name": "Tailwind CSS",
  "$description": "Tailwind CSS default design tokens — utility-first framework with comprehensive color palettes, spacing scale, and responsive breakpoints.",
  "color": {
    "$type": "color",
    "slate-50": { "$value": "#F8FAFC", "$description": "Slate 50 — lightest slate" },
    "slate-100": { "$value": "#F1F5F9", "$description": "Slate 100" },
    "slate-200": { "$value": "#E2E8F0", "$description": "Slate 200 — borders, dividers" },
    "slate-300": { "$value": "#CBD5E1", "$description": "Slate 300 — muted borders" },
    "slate-400": { "$value": "#94A3B8", "$description": "Slate 400 — placeholder text" },
    "slate-500": { "$value": "#64748B", "$description": "Slate 500 — secondary text" },
    "slate-600": { "$value": "#475569", "$description": "Slate 600 — body text" },
    "slate-700": { "$value": "#334155", "$description": "Slate 700 — headings" },
    "slate-800": { "$value": "#1E293B", "$description": "Slate 800 — dark backgrounds" },
    "slate-900": { "$value": "#0F172A", "$description": "Slate 900 — darkest slate" },
    "slate-950": { "$value": "#020617", "$description": "Slate 950 — near black" },
    "gray-50": { "$value": "#F9FAFB", "$description": "Gray 50" },
    "gray-100": { "$value": "#F3F4F6", "$description": "Gray 100" },
    "gray-200": { "$value": "#E5E7EB", "$description": "Gray 200" },
    "gray-300": { "$value": "#D1D5DB", "$description": "Gray 300" },
    "gray-400": { "$value": "#9CA3AF", "$description": "Gray 400" },
    "gray-500": { "$value": "#6B7280", "$description": "Gray 500" },
    "gray-600": { "$value": "#4B5563", "$description": "Gray 600" },
    "gray-700": { "$value": "#374151", "$description": "Gray 700" },
    "gray-800": { "$value": "#1F2937", "$description": "Gray 800" },
    "gray-900": { "$value": "#111827", "$description": "Gray 900" },
    "gray-950": { "$value": "#030712", "$description": "Gray 950" },
    "zinc-50": { "$value": "#FAFAFA", "$description": "Zinc 50" },
    "zinc-100": { "$value": "#F4F4F5", "$description": "Zinc 100" },
    "zinc-200": { "$value": "#E4E4E7", "$description": "Zinc 200" },
    "zinc-300": { "$value": "#D4D4D8", "$description": "Zinc 300" },
    "zinc-400": { "$value": "#A1A1AA", "$description": "Zinc 400" },
    "zinc-500": { "$value": "#71717A", "$description": "Zinc 500" },
    "zinc-600": { "$value": "#52525B", "$description": "Zinc 600" },
    "zinc-700": { "$value": "#3F3F46", "$description": "Zinc 700" },
    "zinc-800": { "$value": "#27272A", "$description": "Zinc 800" },
    "zinc-900": { "$value": "#18181B", "$description": "Zinc 900" },
    "zinc-950": { "$value": "#09090B", "$description": "Zinc 950" },
    "neutral-50": { "$value": "#FAFAFA", "$description": "Neutral 50" },
    "neutral-500": { "$value": "#737373", "$description": "Neutral 500" },
    "neutral-900": { "$value": "#171717", "$description": "Neutral 900" },
    "neutral-950": { "$value": "#0A0A0A", "$description": "Neutral 950" },
    "stone-50": { "$value": "#FAFAF9", "$description": "Stone 50" },
    "stone-500": { "$value": "#78716C", "$description": "Stone 500" },
    "stone-900": { "$value": "#1C1917", "$description": "Stone 900" },
    "stone-950": { "$value": "#0C0A09", "$description": "Stone 950" },
    "red-50": { "$value": "#FEF2F2", "$description": "Red 50 — lightest red" },
    "red-100": { "$value": "#FEE2E2", "$description": "Red 100" },
    "red-200": { "$value": "#FECACA", "$description": "Red 200" },
    "red-300": { "$value": "#FCA5A5", "$description": "Red 300" },
    "red-400": { "$value": "#F87171", "$description": "Red 400" },
    "red-500": { "$value": "#EF4444", "$description": "Red 500 — primary red" },
    "red-600": { "$value": "#DC2626", "$description": "Red 600" },
    "red-700": { "$value": "#B91C1C", "$description": "Red 700" },
    "red-800": { "$value": "#991B1B", "$description": "Red 800" },
    "red-900": { "$value": "#7F1D1D", "$description": "Red 900" },
    "red-950": { "$value": "#450A0A", "$description": "Red 950" },
    "orange-500": { "$value": "#F97316", "$description": "Orange 500 — primary orange" },
    "amber-500": { "$value": "#F59E0B", "$description": "Amber 500 — primary amber" },
    "yellow-500": { "$value": "#EAB308", "$description": "Yellow 500 — primary yellow" },
    "lime-500": { "$value": "#84CC16", "$description": "Lime 500 — primary lime" },
    "green-500": { "$value": "#22C55E", "$description": "Green 500 — primary green" },
    "emerald-500": { "$value": "#10B981", "$description": "Emerald 500 — primary emerald" },
    "teal-500": { "$value": "#14B8A6", "$description": "Teal 500 — primary teal" },
    "cyan-500": { "$value": "#06B6D4", "$description": "Cyan 500 — primary cyan" },
    "sky-500": { "$value": "#0EA5E9", "$description": "Sky 500 — primary sky blue" },
    "blue-50": { "$value": "#EFF6FF", "$description": "Blue 50 — lightest blue" },
    "blue-100": { "$value": "#DBEAFE", "$description": "Blue 100" },
    "blue-200": { "$value": "#BFDBFE", "$description": "Blue 200" },
    "blue-300": { "$value": "#93C5FD", "$description": "Blue 300" },
    "blue-400": { "$value": "#60A5FA", "$description": "Blue 400" },
    "blue-500": { "$value": "#3B82F6", "$description": "Blue 500 — primary blue" },
    "blue-600": { "$value": "#2563EB", "$description": "Blue 600" },
    "blue-700": { "$value": "#1D4ED8", "$description": "Blue 700" },
    "blue-800": { "$value": "#1E40AF", "$description": "Blue 800" },
    "blue-900": { "$value": "#1E3A8A", "$description": "Blue 900" },
    "blue-950": { "$value": "#172554", "$description": "Blue 950" },
    "indigo-500": { "$value": "#6366F1", "$description": "Indigo 500 — primary indigo" },
    "violet-500": { "$value": "#8B5CF6", "$description": "Violet 500 — primary violet" },
    "purple-500": { "$value": "#A855F7", "$description": "Purple 500 — primary purple" },
    "fuchsia-500": { "$value": "#D946EF", "$description": "Fuchsia 500 — primary fuchsia" },
    "pink-500": { "$value": "#EC4899", "$description": "Pink 500 — primary pink" },
    "rose-50": { "$value": "#FFF1F2", "$description": "Rose 50 — lightest rose" },
    "rose-100": { "$value": "#FFE4E6", "$description": "Rose 100" },
    "rose-200": { "$value": "#FECDD3", "$description": "Rose 200" },
    "rose-300": { "$value": "#FDA4AF", "$description": "Rose 300" },
    "rose-400": { "$value": "#FB7185", "$description": "Rose 400" },
    "rose-500": { "$value": "#F43F5E", "$description": "Rose 500 — primary rose" },
    "rose-600": { "$value": "#E11D48", "$description": "Rose 600" },
    "rose-700": { "$value": "#BE123C", "$description": "Rose 700" },
    "rose-800": { "$value": "#9F1239", "$description": "Rose 800" },
    "rose-900": { "$value": "#881337", "$description": "Rose 900" },
    "rose-950": { "$value": "#4C0519", "$description": "Rose 950" },
    "white": { "$value": "#FFFFFF", "$description": "Pure white" },
    "black": { "$value": "#000000", "$description": "Pure black" },
    "transparent": { "$value": "transparent", "$description": "Transparent" }
  },
  "typography": {
    "font-family": {
      "$type": "fontFamily",
      "sans": { "$value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"", "$description": "Default sans-serif stack" },
      "serif": { "$value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "$description": "Serif font stack" },
      "mono": { "$value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "$description": "Monospace font stack" }
    },
    "font-size": {
      "$type": "dimension",
      "xs": { "$value": "12px", "$description": "Extra small — 0.75rem, line-height 1rem" },
      "sm": { "$value": "14px", "$description": "Small — 0.875rem, line-height 1.25rem" },
      "base": { "$value": "16px", "$description": "Base — 1rem, line-height 1.5rem" },
      "lg": { "$value": "18px", "$description": "Large — 1.125rem, line-height 1.75rem" },
      "xl": { "$value": "20px", "$description": "XL — 1.25rem, line-height 1.75rem" },
      "2xl": { "$value": "24px", "$description": "2XL — 1.5rem, line-height 2rem" },
      "3xl": { "$value": "30px", "$description": "3XL — 1.875rem, line-height 2.25rem" },
      "4xl": { "$value": "36px", "$description": "4XL — 2.25rem, line-height 2.5rem" },
      "5xl": { "$value": "48px", "$description": "5XL — 3rem, line-height 1" },
      "6xl": { "$value": "60px", "$description": "6XL — 3.75rem, line-height 1" },
      "7xl": { "$value": "72px", "$description": "7XL — 4.5rem, line-height 1" },
      "8xl": { "$value": "96px", "$description": "8XL — 6rem, line-height 1" },
      "9xl": { "$value": "128px", "$description": "9XL — 8rem, line-height 1" }
    },
    "font-weight": {
      "$type": "fontWeight",
      "thin": { "$value": "100", "$description": "Thin weight" },
      "extralight": { "$value": "200", "$description": "Extra light weight" },
      "light": { "$value": "300", "$description": "Light weight" },
      "regular": { "$value": "400", "$description": "Normal/regular weight" },
      "medium": { "$value": "500", "$description": "Medium weight" },
      "semibold": { "$value": "600", "$description": "Semibold weight" },
      "bold": { "$value": "700", "$description": "Bold weight" },
      "extrabold": { "$value": "800", "$description": "Extra bold weight" },
      "black": { "$value": "900", "$description": "Black/heavy weight" }
    },
    "line-height": {
      "$type": "number",
      "none": { "$value": "1", "$description": "No extra leading — display text" },
      "tight": { "$value": "1.25", "$description": "Tight leading — headings" },
      "snug": { "$value": "1.375", "$description": "Snug leading — subheadings" },
      "normal": { "$value": "1.5", "$description": "Normal leading — body text" },
      "relaxed": { "$value": "1.625", "$description": "Relaxed leading — readable prose" },
      "loose": { "$value": "2", "$description": "Loose leading — spacious text" }
    },
    "letter-spacing": {
      "$type": "dimension",
      "tighter": { "$value": "-0.05em", "$description": "Tighter tracking" },
      "tight": { "$value": "-0.025em", "$description": "Tight tracking" },
      "normal": { "$value": "0em", "$description": "Normal tracking" },
      "wide": { "$value": "0.025em", "$description": "Wide tracking" },
      "wider": { "$value": "0.05em", "$description": "Wider tracking" },
      "widest": { "$value": "0.1em", "$description": "Widest tracking" }
    }
  },
  "spacing": {
    "$type": "dimension",
    "0": { "$value": "0px", "$description": "0" },
    "px": { "$value": "1px", "$description": "1 pixel" },
    "0.5": { "$value": "2px", "$description": "0.125rem" },
    "1": { "$value": "4px", "$description": "0.25rem" },
    "1.5": { "$value": "6px", "$description": "0.375rem" },
    "2": { "$value": "8px", "$description": "0.5rem" },
    "2.5": { "$value": "10px", "$description": "0.625rem" },
    "3": { "$value": "12px", "$description": "0.75rem" },
    "3.5": { "$value": "14px", "$description": "0.875rem" },
    "4": { "$value": "16px", "$description": "1rem" },
    "5": { "$value": "20px", "$description": "1.25rem" },
    "6": { "$value": "24px", "$description": "1.5rem" },
    "7": { "$value": "28px", "$description": "1.75rem" },
    "8": { "$value": "32px", "$description": "2rem" },
    "9": { "$value": "36px", "$description": "2.25rem" },
    "10": { "$value": "40px", "$description": "2.5rem" },
    "11": { "$value": "44px", "$description": "2.75rem" },
    "12": { "$value": "48px", "$description": "3rem" },
    "14": { "$value": "56px", "$description": "3.5rem" },
    "16": { "$value": "64px", "$description": "4rem" },
    "20": { "$value": "80px", "$description": "5rem" },
    "24": { "$value": "96px", "$description": "6rem" },
    "28": { "$value": "112px", "$description": "7rem" },
    "32": { "$value": "128px", "$description": "8rem" },
    "36": { "$value": "144px", "$description": "9rem" },
    "40": { "$value": "160px", "$description": "10rem" },
    "44": { "$value": "176px", "$description": "11rem" },
    "48": { "$value": "192px", "$description": "12rem" },
    "52": { "$value": "208px", "$description": "13rem" },
    "56": { "$value": "224px", "$description": "14rem" },
    "60": { "$value": "240px", "$description": "15rem" },
    "64": { "$value": "256px", "$description": "16rem" },
    "72": { "$value": "288px", "$description": "18rem" },
    "80": { "$value": "320px", "$description": "20rem" },
    "96": { "$value": "384px", "$description": "24rem" }
  },
  "radius": {
    "$type": "dimension",
    "none": { "$value": "0px", "$description": "No rounding" },
    "sm": { "$value": "2px", "$description": "Small radius — 0.125rem" },
    "md": { "$value": "6px", "$description": "Default radius — 0.375rem" },
    "lg": { "$value": "8px", "$description": "Large radius — 0.5rem" },
    "xl": { "$value": "12px", "$description": "Extra large — 0.75rem" },
    "2xl": { "$value": "16px", "$description": "2XL — 1rem" },
    "3xl": { "$value": "24px", "$description": "3XL — 1.5rem" },
    "full": { "$value": "9999px", "$description": "Fully rounded — pills, circles" }
  },
  "elevation": {
    "sm": {
      "$type": "shadow",
      "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
      "$description": "Small shadow"
    },
    "md": {
      "$type": "shadow",
      "$value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
      "$description": "Default shadow"
    },
    "lg": {
      "$type": "shadow",
      "$value": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
      "$description": "Medium shadow"
    },
    "xl": {
      "$type": "shadow",
      "$value": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
      "$description": "Large shadow"
    },
    "2xl": {
      "$type": "shadow",
      "$value": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
      "$description": "Extra large shadow"
    },
    "inner": {
      "$type": "shadow",
      "$value": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)",
      "$description": "Inner/inset shadow"
    }
  },
  "breakpoints": {
    "$type": "dimension",
    "sm": { "$value": "640px", "$description": "Small — mobile landscape and up" },
    "md": { "$value": "768px", "$description": "Medium — tablet and up" },
    "lg": { "$value": "1024px", "$description": "Large — desktop and up" },
    "xl": { "$value": "1280px", "$description": "Extra large — wide desktop" },
    "2xl": { "$value": "1536px", "$description": "2XL — ultra-wide desktop" }
  },
  "motion": {
    "duration": {
      "$type": "duration",
      "75": { "$value": "75ms", "$description": "Ultra-fast — color transitions" },
      "100": { "$value": "100ms", "$description": "Fast — hover states" },
      "150": { "$value": "150ms", "$description": "Quick — standard interactions" },
      "200": { "$value": "200ms", "$description": "Normal — default transitions" },
      "300": { "$value": "300ms", "$description": "Moderate — expanding elements" },
      "500": { "$value": "500ms", "$description": "Slow — complex animations" },
      "700": { "$value": "700ms", "$description": "Slower — page transitions" },
      "1000": { "$value": "1000ms", "$description": "Slowest — dramatic animations" }
    },
    "easing": {
      "$type": "cubicBezier",
      "linear": { "$value": [0, 0, 1, 1], "$description": "Linear — constant speed" },
      "in": { "$value": [0.4, 0, 1, 1], "$description": "Ease in — accelerating" },
      "out": { "$value": [0, 0, 0.2, 1], "$description": "Ease out — decelerating" },
      "in-out": { "$value": [0.4, 0, 0.2, 1], "$description": "Ease in-out — standard easing" }
    }
  },
  "opacity": {
    "$type": "number",
    "0": { "$value": "0", "$description": "Fully transparent" },
    "5": { "$value": "0.05", "$description": "Near transparent" },
    "10": { "$value": "0.1", "$description": "Very faint" },
    "20": { "$value": "0.2", "$description": "Faint" },
    "25": { "$value": "0.25", "$description": "Quarter opacity" },
    "30": { "$value": "0.3", "$description": "Light" },
    "40": { "$value": "0.4", "$description": "Medium-light" },
    "50": { "$value": "0.5", "$description": "Half opacity" },
    "60": { "$value": "0.6", "$description": "Medium" },
    "70": { "$value": "0.7", "$description": "Medium-strong" },
    "75": { "$value": "0.75", "$description": "Three-quarter opacity" },
    "80": { "$value": "0.8", "$description": "Strong" },
    "90": { "$value": "0.9", "$description": "Near opaque" },
    "95": { "$value": "0.95", "$description": "Almost fully opaque" },
    "100": { "$value": "1", "$description": "Fully opaque" }
  }
}