{
  "$schema": "https://design-tokens.org/schema.json",
  "color": {
    "background": {
      "dark": { "$value": "#0a0a14", "$type": "color", "$description": "Main page background" },
      "card": { "$value": "#13131f", "$type": "color", "$description": "Card/surface background" },
      "elevated": { "$value": "#1e1e2e", "$type": "color", "$description": "Elevated surface" },
      "input": { "$value": "#0f0f1a", "$type": "color", "$description": "Input field background" }
    },
    "primary": {
      "base": { "$value": "#a78bfa", "$type": "color", "$description": "Primary violet" },
      "hover": { "$value": "#8b5cf6", "$type": "color", "$description": "Primary hover state" },
      "active": { "$value": "#7c3aed", "$type": "color", "$description": "Primary active/pressed" },
      "muted": { "$value": "#6366f1", "$type": "color", "$description": "Muted primary" }
    },
    "accent": {
      "gold": { "$value": "#f59e0b", "$type": "color", "$description": "Gold accent for highlights" },
      "goldHover": { "$value": "#d97706", "$type": "color", "$description": "Gold hover" }
    },
    "cta": {
      "green": { "$value": "#22c55e", "$type": "color", "$description": "CTA button green" },
      "greenHover": { "$value": "#16a34a", "$type": "color", "$description": "CTA hover" },
      "greenActive": { "$value": "#15803d", "$type": "color", "$description": "CTA active" }
    },
    "text": {
      "primary": { "$value": "#ffffff", "$type": "color", "$description": "Primary text (white)" },
      "secondary": { "$value": "#a1a1aa", "$type": "color", "$description": "Secondary text (gray)" },
      "muted": { "$value": "#6b7280", "$type": "color", "$description": "Muted/placeholder text" },
      "accent": { "$value": "#a78bfa", "$type": "color", "$description": "Accent text (purple)" }
    },
    "border": {
      "default": { "$value": "#3f3f5a", "$type": "color", "$description": "Default border" },
      "focus": { "$value": "#a78bfa", "$type": "color", "$description": "Focus border" },
      "subtle": { "$value": "rgba(167, 139, 250, 0.2)", "$type": "color", "$description": "Subtle border" }
    },
    "status": {
      "success": { "$value": "#22c55e", "$type": "color" },
      "warning": { "$value": "#f59e0b", "$type": "color" },
      "error": { "$value": "#ef4444", "$type": "color" },
      "info": { "$value": "#3b82f6", "$type": "color" }
    }
  },
  "typography": {
    "fontFamily": {
      "heading": { "$value": "Inter, system-ui, sans-serif", "$type": "fontFamily" },
      "body": { "$value": "Inter, system-ui, sans-serif", "$type": "fontFamily" },
      "mono": { "$value": "JetBrains Mono, monospace", "$type": "fontFamily" }
    },
    "fontSize": {
      "xs": { "$value": "12px", "$type": "dimension" },
      "sm": { "$value": "14px", "$type": "dimension" },
      "base": { "$value": "16px", "$type": "dimension" },
      "lg": { "$value": "18px", "$type": "dimension" },
      "xl": { "$value": "20px", "$type": "dimension" },
      "2xl": { "$value": "24px", "$type": "dimension" },
      "3xl": { "$value": "30px", "$type": "dimension" },
      "4xl": { "$value": "36px", "$type": "dimension" },
      "5xl": { "$value": "48px", "$type": "dimension" },
      "6xl": { "$value": "60px", "$type": "dimension" }
    },
    "fontWeight": {
      "normal": { "$value": "400", "$type": "fontWeight" },
      "medium": { "$value": "500", "$type": "fontWeight" },
      "semibold": { "$value": "600", "$type": "fontWeight" },
      "bold": { "$value": "700", "$type": "fontWeight" }
    },
    "lineHeight": {
      "tight": { "$value": "1.2", "$type": "number" },
      "normal": { "$value": "1.5", "$type": "number" },
      "relaxed": { "$value": "1.75", "$type": "number" }
    }
  },
  "spacing": {
    "0": { "$value": "0px", "$type": "dimension" },
    "1": { "$value": "4px", "$type": "dimension" },
    "2": { "$value": "8px", "$type": "dimension" },
    "3": { "$value": "12px", "$type": "dimension" },
    "4": { "$value": "16px", "$type": "dimension" },
    "5": { "$value": "20px", "$type": "dimension" },
    "6": { "$value": "24px", "$type": "dimension" },
    "8": { "$value": "32px", "$type": "dimension" },
    "10": { "$value": "40px", "$type": "dimension" },
    "12": { "$value": "48px", "$type": "dimension" },
    "16": { "$value": "64px", "$type": "dimension" },
    "20": { "$value": "80px", "$type": "dimension" },
    "24": { "$value": "96px", "$type": "dimension" }
  },
  "borderRadius": {
    "none": { "$value": "0px", "$type": "dimension" },
    "sm": { "$value": "4px", "$type": "dimension" },
    "md": { "$value": "8px", "$type": "dimension" },
    "lg": { "$value": "12px", "$type": "dimension" },
    "xl": { "$value": "16px", "$type": "dimension" },
    "2xl": { "$value": "24px", "$type": "dimension" },
    "full": { "$value": "9999px", "$type": "dimension" }
  },
  "shadow": {
    "sm": { "$value": "0 1px 2px rgba(0,0,0,0.2)", "$type": "shadow" },
    "md": { "$value": "0 4px 15px rgba(0,0,0,0.25)", "$type": "shadow" },
    "lg": { "$value": "0 10px 25px rgba(0,0,0,0.3)", "$type": "shadow" },
    "glow": { "$value": "0 0 20px rgba(167,139,250,0.3)", "$type": "shadow" },
    "glowGreen": { "$value": "0 0 20px rgba(34,197,94,0.3)", "$type": "shadow" }
  },
  "gradient": {
    "primaryToSecondary": { "$value": "linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%)", "$type": "gradient" },
    "darkCard": { "$value": "linear-gradient(180deg, #1e1e2e 0%, #13131f 100%)", "$type": "gradient" },
    "ctaGreen": { "$value": "linear-gradient(135deg, #22c55e 0%, #16a34a 100%)", "$type": "gradient" }
  },
  "components": {
    "button": {
      "primary": {
        "background": { "$value": "{color.cta.green}", "$type": "color" },
        "backgroundHover": { "$value": "{color.cta.greenHover}", "$type": "color" },
        "text": { "$value": "#ffffff", "$type": "color" },
        "borderRadius": { "$value": "{borderRadius.md}", "$type": "dimension" },
        "paddingX": { "$value": "{spacing.6}", "$type": "dimension" },
        "paddingY": { "$value": "{spacing.3}", "$type": "dimension" }
      },
      "secondary": {
        "background": { "$value": "transparent", "$type": "color" },
        "border": { "$value": "{color.primary.base}", "$type": "color" },
        "text": { "$value": "{color.primary.base}", "$type": "color" }
      }
    },
    "card": {
      "background": { "$value": "{color.background.card}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension" },
      "padding": { "$value": "{spacing.6}", "$type": "dimension" },
      "shadow": { "$value": "{shadow.md}", "$type": "shadow" }
    },
    "input": {
      "background": { "$value": "{color.background.input}", "$type": "color" },
      "border": { "$value": "{color.border.default}", "$type": "color" },
      "borderFocus": { "$value": "{color.border.focus}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.md}", "$type": "dimension" },
      "paddingX": { "$value": "{spacing.4}", "$type": "dimension" },
      "paddingY": { "$value": "{spacing.3}", "$type": "dimension" }
    },
    "statBadge": {
      "background": { "$value": "{color.background.elevated}", "$type": "color" },
      "border": { "$value": "{color.primary.base}", "$type": "color" },
      "borderOpacity": { "$value": "0.3", "$type": "number" }
    },
    "tabs": {
      "borderColor": { "$value": "{color.border.default}", "$type": "color" },
      "triggerColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "triggerHoverColor": { "$value": "{color.text.primary}", "$type": "color" },
      "triggerActiveColor": { "$value": "{color.primary.base}", "$type": "color" },
      "triggerActiveBorder": { "$value": "{color.primary.base}", "$type": "color" },
      "panelColor": { "$value": "{color.text.primary}", "$type": "color" },
      "paddingX": { "$value": "{spacing.4}", "$type": "dimension" },
      "paddingY": { "$value": "{spacing.2}", "$type": "dimension" }
    },
    "alert": {
      "borderRadius": { "$value": "{borderRadius.md}", "$type": "dimension" },
      "padding": { "$value": "{spacing.4}", "$type": "dimension" },
      "paddingX": { "$value": "{spacing.5}", "$type": "dimension" },
      "success": {
        "background": { "$value": "rgba(34,197,94,0.12)", "$type": "color" },
        "border": { "$value": "{color.status.success}", "$type": "color" },
        "text": { "$value": "{color.status.success}", "$type": "color" }
      },
      "warning": {
        "background": { "$value": "rgba(245,158,11,0.12)", "$type": "color" },
        "border": { "$value": "{color.status.warning}", "$type": "color" },
        "text": { "$value": "{color.status.warning}", "$type": "color" }
      },
      "error": {
        "background": { "$value": "rgba(239,68,68,0.12)", "$type": "color" },
        "border": { "$value": "{color.status.error}", "$type": "color" },
        "text": { "$value": "{color.status.error}", "$type": "color" }
      },
      "info": {
        "background": { "$value": "rgba(59,130,246,0.12)", "$type": "color" },
        "border": { "$value": "{color.status.info}", "$type": "color" },
        "text": { "$value": "{color.status.info}", "$type": "color" }
      }
    },
    "pricingCard": {
      "background": { "$value": "{color.background.card}", "$type": "color" },
      "backgroundFeatured": { "$value": "{color.background.elevated}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.xl}", "$type": "dimension" },
      "padding": { "$value": "{spacing.8}", "$type": "dimension" },
      "border": { "$value": "{color.border.default}", "$type": "color" },
      "borderFeatured": { "$value": "{color.primary.base}", "$type": "color" },
      "priceColor": { "$value": "{color.text.primary}", "$type": "color" },
      "labelColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "featureColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "checkColor": { "$value": "{color.cta.green}", "$type": "color" },
      "shadow": { "$value": "{shadow.md}", "$type": "shadow" },
      "shadowFeatured": { "$value": "{shadow.glow}", "$type": "shadow" }
    },
    "testimonial": {
      "background": { "$value": "{color.background.card}", "$type": "color" },
      "backgroundHover": { "$value": "{color.background.elevated}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension" },
      "padding": { "$value": "{spacing.6}", "$type": "dimension" },
      "border": { "$value": "{color.border.default}", "$type": "color" },
      "avatarBorder": { "$value": "{color.primary.base}", "$type": "color" },
      "avatarSize": { "$value": "48px", "$type": "dimension" },
      "quoteColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "nameColor": { "$value": "{color.text.primary}", "$type": "color" },
      "roleColor": { "$value": "{color.text.muted}", "$type": "color" },
      "starColor": { "$value": "{color.accent.gold}", "$type": "color" },
      "starEmpty": { "$value": "{color.text.muted}", "$type": "color" }
    },
    "metricsPanel": {
      "background": { "$value": "{color.background.card}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension" },
      "padding": { "$value": "{spacing.6}", "$type": "dimension" },
      "border": { "$value": "{color.border.default}", "$type": "color" },
      "valueColor": { "$value": "{color.text.primary}", "$type": "color" },
      "labelColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "trendUp": { "$value": "{color.status.success}", "$type": "color" },
      "trendDown": { "$value": "{color.status.error}", "$type": "color" },
      "trendFlat": { "$value": "{color.text.muted}", "$type": "color" },
      "statusGood": { "$value": "{color.status.success}", "$type": "color" },
      "statusWarning": { "$value": "{color.status.warning}", "$type": "color" },
      "statusCritical": { "$value": "{color.status.error}", "$type": "color" }
    },
    "authorBio": {
      "background": { "$value": "{color.background.card}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension" },
      "padding": { "$value": "{spacing.6}", "$type": "dimension" },
      "border": { "$value": "{color.border.default}", "$type": "color" },
      "avatarSize": { "$value": "64px", "$type": "dimension" },
      "avatarBorder": { "$value": "{color.primary.base}", "$type": "color" },
      "nameColor": { "$value": "{color.text.primary}", "$type": "color" },
      "roleColor": { "$value": "{color.primary.base}", "$type": "color" },
      "bioColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "socialColor": { "$value": "{color.text.muted}", "$type": "color" },
      "socialHover": { "$value": "{color.primary.base}", "$type": "color" },
      "badgeBackground": { "$value": "{color.background.elevated}", "$type": "color" },
      "badgeText": { "$value": "{color.primary.base}", "$type": "color" }
    },
    "timeline": {
      "lineColor": { "$value": "{color.border.subtle}", "$type": "color", "$description": "Vertical timeline connector line" },
      "eventBackground": { "$value": "{color.background.card}", "$type": "color", "$description": "Event card background" },
      "eventBorder": { "$value": "{color.border.default}", "$type": "color", "$description": "Event card border" },
      "eventBorderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension" },
      "eventPadding": { "$value": "{spacing.5}", "$type": "dimension" },
      "iconBackground": { "$value": "{color.background.elevated}", "$type": "color", "$description": "Event type icon background" },
      "iconColor": { "$value": "{color.primary.base}", "$type": "color", "$description": "Event type icon color" },
      "titleColor": { "$value": "{color.text.primary}", "$type": "color" },
      "descriptionColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "timestampColor": { "$value": "{color.text.muted}", "$type": "color" },
      "badgeSuccessBg": { "$value": "rgba(34,197,94,0.15)", "$type": "color" },
      "badgeErrorBg": { "$value": "rgba(239,68,68,0.15)", "$type": "color" },
      "badgeWarningBg": { "$value": "rgba(245,158,11,0.15)", "$type": "color" },
      "badgePendingBg": { "$value": "rgba(59,130,246,0.15)", "$type": "color" },
      "badgeText": { "$value": "{color.text.primary}", "$type": "color" },
      "filterActiveBg": { "$value": "{color.primary.base}", "$type": "color" },
      "filterActiveText": { "$value": "#ffffff", "$type": "color" }
    },
    "comparisonTable": {
      "background": { "$value": "{color.background.card}", "$type": "color" },
      "headerBackground": { "$value": "{color.background.elevated}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension" },
      "border": { "$value": "{color.border.default}", "$type": "color" },
      "rowStripe": { "$value": "rgba(167, 139, 250, 0.04)", "$type": "color" },
      "headerText": { "$value": "{color.text.primary}", "$type": "color" },
      "cellText": { "$value": "{color.text.secondary}", "$type": "color" },
      "checkColor": { "$value": "{color.status.success}", "$type": "color" },
      "crossColor": { "$value": "{color.status.error}", "$type": "color" },
      "partialColor": { "$value": "{color.status.warning}", "$type": "color" },
      "featureLabelColor": { "$value": "{color.text.primary}", "$type": "color" },
      "tooltipBackground": { "$value": "{color.background.elevated}", "$type": "color" },
      "tooltipText": { "$value": "{color.text.primary}", "$type": "color" }
    },
    "formWizard": {
      "background": { "$value": "{color.background.card}", "$type": "color" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension" },
      "padding": { "$value": "{spacing.6}", "$type": "dimension" },
      "stepActiveBackground": { "$value": "{color.primary.base}", "$type": "color" },
      "stepActiveBorder": { "$value": "{color.primary.base}", "$type": "color" },
      "stepActiveText": { "$value": "#ffffff", "$type": "color" },
      "stepCompletedBackground": { "$value": "{color.primary.active}", "$type": "color" },
      "stepCompletedText": { "$value": "#ffffff", "$type": "color" },
      "stepInactiveBackground": { "$value": "transparent", "$type": "color" },
      "stepInactiveBorder": { "$value": "{color.border.default}", "$type": "color" },
      "stepInactiveText": { "$value": "{color.text.muted}", "$type": "color" },
      "stepConnectorActive": { "$value": "{color.primary.base}", "$type": "color" },
      "stepConnectorInactive": { "$value": "{color.border.default}", "$type": "color" },
      "stepLabelActive": { "$value": "{color.primary.base}", "$type": "color" },
      "stepLabelInactive": { "$value": "{color.text.muted}", "$type": "color" },
      "fieldBackground": { "$value": "{color.background.input}", "$type": "color" },
      "fieldBorder": { "$value": "{color.border.default}", "$type": "color" },
      "fieldBorderFocus": { "$value": "{color.primary.base}", "$type": "color" },
      "fieldBorderError": { "$value": "{color.status.error}", "$type": "color" },
      "fieldText": { "$value": "{color.text.primary}", "$type": "color" },
      "fieldPlaceholder": { "$value": "{color.text.muted}", "$type": "color" },
      "labelColor": { "$value": "{color.text.secondary}", "$type": "color" },
      "errorText": { "$value": "{color.status.error}", "$type": "color" },
      "checkboxCheckedBg": { "$value": "{color.primary.base}", "$type": "color" },
      "checkboxBorder": { "$value": "{color.border.default}", "$type": "color" },
      "navCounterColor": { "$value": "{color.text.muted}", "$type": "color" }
    },
    "scoreGauge": {
      "trackColor": { "$value": "{color.background.elevated}", "$type": "color", "$description": "Ring track background" },
      "fillDefault": { "$value": "{color.primary.base}", "$type": "color", "$description": "Default fill color (teal)" },
      "fillGood": { "$value": "{color.status.success}", "$type": "color", "$description": "Good status fill" },
      "fillWarning": { "$value": "{color.status.warning}", "$type": "color", "$description": "Warning status fill" },
      "fillCritical": { "$value": "{color.status.error}", "$type": "color", "$description": "Critical status fill" },
      "scoreColor": { "$value": "{color.text.primary}", "$type": "color", "$description": "Score number text" },
      "labelColor": { "$value": "{color.text.secondary}", "$type": "color", "$description": "Label text below gauge" },
      "trendUpColor": { "$value": "{color.status.success}", "$type": "color", "$description": "Trend up arrow" },
      "trendDownColor": { "$value": "{color.status.error}", "$type": "color", "$description": "Trend down arrow" },
      "trendFlatColor": { "$value": "{color.text.muted}", "$type": "color", "$description": "Trend flat indicator" },
      "background": { "$value": "{color.background.card}", "$type": "color", "$description": "Card wrapper background" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension", "$description": "Card border radius" },
      "strokeWidth": { "$value": "10", "$type": "dimension", "$description": "Ring stroke width (px)" },
      "glowOpacity": { "$value": "0.3", "$type": "number", "$description": "Score glow filter opacity" }
    },
    "radarChart": {
      "background": { "$value": "{color.background.card}", "$type": "color", "$description": "Card wrapper background" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension", "$description": "Card border radius" },
      "gridColor": { "$value": "{color.border.subtle}", "$type": "color", "$description": "Concentric grid lines" },
      "gridStrokeWidth": { "$value": "1", "$type": "dimension", "$description": "Grid line stroke width" },
      "axisColor": { "$value": "{color.border.default}", "$type": "color", "$description": "Axis lines from center to vertices" },
      "fillColor": { "$value": "#44e5c2", "$type": "color", "$description": "Data polygon fill (teal from Stitch Aetheris palette)" },
      "fillOpacity": { "$value": "0.2", "$type": "number", "$description": "Data polygon fill opacity" },
      "strokeColor": { "$value": "#00c9a7", "$type": "color", "$description": "Data polygon stroke (Stitch primary_container)" },
      "strokeWidth": { "$value": "2", "$type": "dimension", "$description": "Data polygon stroke width" },
      "dotColor": { "$value": "#44e5c2", "$type": "color", "$description": "Data point dots at vertices" },
      "dotRadius": { "$value": "4", "$type": "dimension", "$description": "Data point dot radius" },
      "labelColor": { "$value": "{color.text.secondary}", "$type": "color", "$description": "Axis dimension labels" },
      "valueColor": { "$value": "{color.text.primary}", "$type": "color", "$description": "Axis value labels" },
      "titleColor": { "$value": "{color.text.primary}", "$type": "color", "$description": "Chart title text" },
      "scoreColor": { "$value": "#44e5c2", "$type": "color", "$description": "Center overall score text" },
      "scoreBgColor": { "$value": "{color.background.elevated}", "$type": "color", "$description": "Center score backdrop" }
    },
    "pagination": {
      "background": { "$value": "{color.background.card}", "$type": "color", "$description": "Pagination bar background" },
      "borderRadius": { "$value": "{borderRadius.lg}", "$type": "dimension", "$description": "Container border radius" },
      "buttonBackground": { "$value": "transparent", "$type": "color", "$description": "Default button background" },
      "buttonBackgroundHover": { "$value": "{color.background.elevated}", "$type": "color", "$description": "Hovered button background" },
      "buttonBackgroundActive": { "$value": "#44e5c2", "$type": "color", "$description": "Active/current page button (Stitch teal)" },
      "buttonText": { "$value": "{color.text.secondary}", "$type": "color", "$description": "Default page number text" },
      "buttonTextHover": { "$value": "{color.text.primary}", "$type": "color", "$description": "Hovered page text" },
      "buttonTextActive": { "$value": "#00382d", "$type": "color", "$description": "Active page text (dark on teal)" },
      "buttonBorderRadius": { "$value": "{borderRadius.md}", "$type": "dimension", "$description": "Individual button radius" },
      "buttonSize": { "$value": "36px", "$type": "dimension", "$description": "Button width/height" },
      "disabledColor": { "$value": "{color.text.muted}", "$type": "color", "$description": "Disabled prev/next button color" },
      "ellipsisColor": { "$value": "{color.text.muted}", "$type": "color", "$description": "Ellipsis dots color" },
      "counterColor": { "$value": "{color.text.muted}", "$type": "color", "$description": "Page X of Y counter text" },
      "navColor": { "$value": "{color.text.secondary}", "$type": "color", "$description": "Prev/Next arrow color" },
      "navColorHover": { "$value": "#44e5c2", "$type": "color", "$description": "Prev/Next arrow hover (teal)" }
    },
    "readingTime": {
      "background": { "$value": "{color.background.elevated}", "$type": "color", "$description": "Badge background" },
      "borderRadius": { "$value": "{borderRadius.full}", "$type": "dimension", "$description": "Pill shape" },
      "textColor": { "$value": "{color.text.secondary}", "$type": "color", "$description": "Main text color" },
      "iconColor": { "$value": "#44e5c2", "$type": "color", "$description": "Clock icon (teal)" },
      "separatorColor": { "$value": "{color.border.subtle}", "$type": "color", "$description": "Dot separator" },
      "progressTrack": { "$value": "{color.background.card}", "$type": "color", "$description": "Progress bar track" },
      "progressFill": { "$value": "#44e5c2", "$type": "color", "$description": "Progress bar fill (teal)" },
      "progressHeight": { "$value": "3px", "$type": "dimension", "$description": "Progress bar height" }
    },
    "aiAvatarTooltip": {
      "avatarSize": { "$value": "48px", "$type": "dimension", "$description": "Avatar circle diameter" },
      "avatarBackground": { "$value": "#10141a", "$type": "color", "$description": "Avatar inner background (Stitch surface)" },
      "avatarGlowColor": { "$value": "#44e5c2", "$type": "color", "$description": "Pulsing glow ring (teal primary_container)" },
      "avatarGlowActiveColor": { "$value": "#84ffdf", "$type": "color", "$description": "Bright glow when active (Stitch primary)" },
      "avatarIconColor": { "$value": "#39debb", "$type": "color", "$description": "AI icon stroke (Stitch primary_fixed_dim)" },
      "bubbleBackground": { "$value": "#161b22", "$type": "color", "$description": "Chat bubble glassmorphism bg (Stitch surface-container)" },
      "bubbleBorder": { "$value": "rgba(53,57,64,0.3)", "$type": "color", "$description": "Ghost border (Stitch surface_bright at 30%)" },
      "bubbleShadow": { "$value": "0px 24px 48px rgba(0,0,0,0.4)", "$type": "shadow", "$description": "Ambient teal-tinted shadow" },
      "bubbleBorderRadius": { "$value": "1.5rem", "$type": "dimension", "$description": "Rounded card corners (xl)" },
      "headerTextColor": { "$value": "#dfe2eb", "$type": "color", "$description": "AI name/greeting (Stitch on_surface)" },
      "bodyTextColor": { "$value": "#bacac3", "$type": "color", "$description": "Message body (Stitch on_surface_variant)" },
      "inputBackground": { "$value": "#0a0e14", "$type": "color", "$description": "Input field bg (Stitch surface-container-lowest)" },
      "inputBorderColor": { "$value": "#31353c", "$type": "color", "$description": "Input border (Stitch surface_container_highest)" },
      "inputFocusBorderColor": { "$value": "#44e5c2", "$type": "color", "$description": "Input focus state (teal)" },
      "inputTextColor": { "$value": "#dfe2eb", "$type": "color", "$description": "Input text" },
      "inputPlaceholderColor": { "$value": "#85948e", "$type": "color", "$description": "Placeholder text (Stitch outline)" },
      "typingDotColor": { "$value": "#44e5c2", "$type": "color", "$description": "Typing indicator dots (teal)" },
      "goldAccent": { "$value": "#d4a574", "$type": "color", "$description": "Gold highlight for premium AI insights (Stitch secondary)" },
      "closeButtonColor": { "$value": "#85948e", "$type": "color", "$description": "Close X button (Stitch outline)" },
      "closeButtonHoverColor": { "$value": "#dfe2eb", "$type": "color", "$description": "Close X hover" }
    },
    "liveReadouts": {
      "cardBackground": { "$value": "#161b22", "$type": "color", "$description": "Glassmorphic metric card bg (Stitch surface-container)" },
      "cardBorderRadius": { "$value": "0.75rem", "$type": "dimension", "$description": "Card corner radius (Stitch rounded-md)" },
      "cardBorder": { "$value": "rgba(60,74,69,0.15)", "$type": "color", "$description": "Ghost border (Stitch outline_variant at 15%)" },
      "valueColor": { "$value": "#dfe2eb", "$type": "color", "$description": "Large metric value (Stitch on_surface)" },
      "valueFontFamily": { "$value": "monospace", "$type": "fontFamily", "$description": "Monospace for precision metrics (Stitch JetBrains Mono)" },
      "labelColor": { "$value": "#bacac3", "$type": "color", "$description": "Metric label (Stitch on_surface_variant)" },
      "unitColor": { "$value": "#85948e", "$type": "color", "$description": "Unit text (Stitch outline)" },
      "trendUpColor": { "$value": "#22c55e", "$type": "color", "$description": "Upward trend (healthy green)" },
      "trendDownColor": { "$value": "#ff6b6b", "$type": "color", "$description": "Downward trend (warning red)" },
      "trendFlatColor": { "$value": "#85948e", "$type": "color", "$description": "Flat trend (neutral)" },
      "statusNormal": { "$value": "#44e5c2", "$type": "color", "$description": "Normal status indicator (teal)" },
      "statusWarning": { "$value": "#d4a574", "$type": "color", "$description": "Warning status (gold)" },
      "statusCritical": { "$value": "#ff6b6b", "$type": "color", "$description": "Critical status (red)" },
      "sparklineColor": { "$value": "#84ffdf", "$type": "color", "$description": "Sparkline stroke (Stitch primary)" },
      "pulseGlowColor": { "$value": "rgba(68,229,194,0.08)", "$type": "color", "$description": "Active pulse glow (teal 8%)" }
    },
    "wellnessMatrix": {
      "heroBackground": { "$value": "#111318", "$type": "color", "$description": "Hero composite score section bg (surface-container-low)" },
      "heroScoreColor": { "$value": "#58f5d1", "$type": "color", "$description": "Hero composite score value (primary)" },
      "heroLabelColor": { "$value": "#aaabb0", "$type": "color", "$description": "Hero score label text (on-surface-variant)" },
      "heroRingTrack": { "$value": "#1d2025", "$type": "color", "$description": "Score ring track bg (surface-container-high)" },
      "heroRingFill": { "$value": "#58f5d1", "$type": "color", "$description": "Score ring fill (primary)" },
      "cardBackground": { "$value": "#1d2025", "$type": "color", "$description": "Category card bg (surface-container-high)" },
      "cardBorderRadius": { "$value": "0.75rem", "$type": "dimension", "$description": "Card corner radius (xl)" },
      "cardBorder": { "$value": "rgba(70,72,77,0.15)", "$type": "color", "$description": "Ghost border (outline-variant 15%)" },
      "categoryIconColor": { "$value": "#45e7c3", "$type": "color", "$description": "Category icon tint (primary-dim)" },
      "scoreColor": { "$value": "#f6f6fc", "$type": "color", "$description": "Category score value (on-surface)" },
      "labelColor": { "$value": "#aaabb0", "$type": "color", "$description": "Category label text (on-surface-variant)" },
      "sparklineColor": { "$value": "#58f5d1", "$type": "color", "$description": "Sparkline stroke (primary)" },
      "barFillColor": { "$value": "#1cd0ad", "$type": "color", "$description": "Mini bar chart fill (primary-container)" },
      "barTrackColor": { "$value": "#23262c", "$type": "color", "$description": "Mini bar chart track (surface-container-highest)" },
      "statusOptimal": { "$value": "#58f5d1", "$type": "color", "$description": "Status: optimal (primary)" },
      "statusAttention": { "$value": "#d4a574", "$type": "color", "$description": "Status: attention (warm gold)" },
      "statusCritical": { "$value": "#ff716c", "$type": "color", "$description": "Status: critical (error)" },
      "glowShadow": { "$value": "0px 0px 60px rgba(88,245,209,0.06)", "$type": "shadow", "$description": "Ambient teal glow (primary 6%)" }
    },
    "progressBar": {
      "trackBackground": { "$value": "#1d2025", "$type": "color", "$description": "Progress bar track background" },
      "trackBorderRadius": { "$value": "9999px", "$type": "dimension", "$description": "Track border radius (pill)" },
      "fillDefault": { "$value": "#a78bfa", "$type": "color", "$description": "Default fill (primary violet)" },
      "fillSuccess": { "$value": "#22c55e", "$type": "color", "$description": "Success fill (green)" },
      "fillWarning": { "$value": "#f59e0b", "$type": "color", "$description": "Warning fill (gold)" },
      "fillError": { "$value": "#ef4444", "$type": "color", "$description": "Error fill (red)" },
      "fillBorderRadius": { "$value": "9999px", "$type": "dimension", "$description": "Fill border radius (pill)" },
      "labelColor": { "$value": "#ffffff", "$type": "color", "$description": "Value label text color" },
      "labelFontSize": { "$value": "12px", "$type": "dimension", "$description": "Value label font size" },
      "heightSm": { "$value": "4px", "$type": "dimension", "$description": "Small bar height" },
      "heightMd": { "$value": "8px", "$type": "dimension", "$description": "Medium bar height" },
      "heightLg": { "$value": "20px", "$type": "dimension", "$description": "Large bar height (with label)" },
      "segmentGap": { "$value": "2px", "$type": "dimension", "$description": "Gap between segments" },
      "glowOpacity": { "$value": "0.3", "$type": "number", "$description": "Fill glow shadow opacity" },
      "stripeAngle": { "$value": "45deg", "$type": "dimension", "$description": "Striped pattern angle" },
      "animationDuration": { "$value": "1.5s", "$type": "duration", "$description": "Indeterminate animation cycle" }
    },
    "toast": {
      "background": { "$value": "#1e1e2e", "$type": "color", "$description": "Toast container background" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Toast corner radius" },
      "padding": { "$value": "12px 16px", "$type": "dimension", "$description": "Toast content padding" },
      "shadow": { "$value": "0 8px 32px rgba(0,0,0,0.4)", "$type": "shadow", "$description": "Toast elevation shadow" },
      "textColor": { "$value": "#ffffff", "$type": "color", "$description": "Toast message text" },
      "descriptionColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Toast description text" },
      "closeColor": { "$value": "#6b7280", "$type": "color", "$description": "Close button color" },
      "closeHoverColor": { "$value": "#ffffff", "$type": "color", "$description": "Close button hover" },
      "iconSuccess": { "$value": "#22c55e", "$type": "color", "$description": "Success icon color" },
      "iconWarning": { "$value": "#f59e0b", "$type": "color", "$description": "Warning icon color" },
      "iconError": { "$value": "#ef4444", "$type": "color", "$description": "Error icon color" },
      "iconInfo": { "$value": "#3b82f6", "$type": "color", "$description": "Info icon color" },
      "progressTrack": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Auto-dismiss progress track" },
      "progressFill": { "$value": "#a78bfa", "$type": "color", "$description": "Auto-dismiss progress fill" },
      "maxWidth": { "$value": "400px", "$type": "dimension", "$description": "Toast max width" },
      "gap": { "$value": "8px", "$type": "dimension", "$description": "Gap between stacked toasts" }
    },
    "breadcrumbs": {
      "background": { "$value": "transparent", "$type": "color", "$description": "Breadcrumbs container background" },
      "separatorColor": { "$value": "#4b5563", "$type": "color", "$description": "Separator chevron color" },
      "linkColor": { "$value": "#a78bfa", "$type": "color", "$description": "Breadcrumb link text color" },
      "linkHoverColor": { "$value": "#8b5cf6", "$type": "color", "$description": "Breadcrumb link hover color" },
      "currentColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Current page text color" },
      "fontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Breadcrumb text size" },
      "gap": { "$value": "8px", "$type": "dimension", "$description": "Gap between breadcrumb items" },
      "padding": { "$value": "8px 0", "$type": "dimension", "$description": "Container padding" },
      "truncateMaxWidth": { "$value": "120px", "$type": "dimension", "$description": "Max width for truncated items" },
      "homeIconColor": { "$value": "#6b7280", "$type": "color", "$description": "Home icon color" },
      "homeIconHoverColor": { "$value": "#a78bfa", "$type": "color", "$description": "Home icon hover color" },
      "ellipsisColor": { "$value": "#6b7280", "$type": "color", "$description": "Truncation ellipsis color" }
    },
    "badge": {
      "fontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Badge text size" },
      "fontWeight": { "$value": "600", "$type": "number", "$description": "Badge text weight" },
      "paddingX": { "$value": "8px", "$type": "dimension", "$description": "Horizontal padding" },
      "paddingY": { "$value": "2px", "$type": "dimension", "$description": "Vertical padding" },
      "borderRadius": { "$value": "9999px", "$type": "dimension", "$description": "Pill shape radius" },
      "defaultBackground": { "$value": "rgba(167,139,250,0.15)", "$type": "color", "$description": "Default variant background" },
      "defaultText": { "$value": "#a78bfa", "$type": "color", "$description": "Default variant text" },
      "successBackground": { "$value": "rgba(34,197,94,0.15)", "$type": "color", "$description": "Success variant background" },
      "successText": { "$value": "#22c55e", "$type": "color", "$description": "Success variant text" },
      "warningBackground": { "$value": "rgba(245,158,11,0.15)", "$type": "color", "$description": "Warning variant background" },
      "warningText": { "$value": "#f59e0b", "$type": "color", "$description": "Warning variant text" },
      "errorBackground": { "$value": "rgba(239,68,68,0.15)", "$type": "color", "$description": "Error variant background" },
      "errorText": { "$value": "#ef4444", "$type": "color", "$description": "Error variant text" },
      "infoBackground": { "$value": "rgba(59,130,246,0.15)", "$type": "color", "$description": "Info variant background" },
      "infoText": { "$value": "#3b82f6", "$type": "color", "$description": "Info variant text" },
      "dotSize": { "$value": "6px", "$type": "dimension", "$description": "Status dot diameter" },
      "removeColor": { "$value": "#6b7280", "$type": "color", "$description": "Remove button color" },
      "removeHoverColor": { "$value": "#ffffff", "$type": "color", "$description": "Remove button hover color" }
    },
    "skeleton": {
      "baseColor": { "$value": "#1e1e2e", "$type": "color", "$description": "Skeleton base background" },
      "highlightColor": { "$value": "#2a2a3e", "$type": "color", "$description": "Shimmer highlight color" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Default border radius" },
      "animationDuration": { "$value": "1.5s", "$type": "duration", "$description": "Pulse animation duration" },
      "textHeight": { "$value": "1em", "$type": "dimension", "$description": "Text line height" },
      "textSpacing": { "$value": "8px", "$type": "dimension", "$description": "Gap between text lines" },
      "circleSize": { "$value": "48px", "$type": "dimension", "$description": "Default circle diameter" },
      "opacity": { "$value": "0.6", "$type": "number", "$description": "Skeleton opacity" }
    },
    "accordion": {
      "background": { "$value": "#13131f", "$type": "color", "$description": "Accordion container background" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Container border radius" },
      "border": { "$value": "1px solid rgba(255,255,255,0.06)", "$type": "border", "$description": "Container border" },
      "headerPadding": { "$value": "16px 20px", "$type": "dimension", "$description": "Header button padding" },
      "headerColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Header text color" },
      "headerHoverBackground": { "$value": "rgba(167,139,250,0.06)", "$type": "color", "$description": "Header hover background" },
      "contentPadding": { "$value": "0 20px 16px", "$type": "dimension", "$description": "Content area padding" },
      "contentColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Content text color" },
      "chevronColor": { "$value": "#6b7280", "$type": "color", "$description": "Chevron icon color" },
      "chevronActiveColor": { "$value": "#a78bfa", "$type": "color", "$description": "Chevron when expanded" },
      "dividerColor": { "$value": "rgba(255,255,255,0.06)", "$type": "color", "$description": "Divider between items" },
      "animationDuration": { "$value": "200ms", "$type": "duration", "$description": "Expand/collapse transition" }
    },
    "tooltip": {
      "background": { "$value": "#1e1e2e", "$type": "color", "$description": "Tooltip background" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Tooltip text color" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Tooltip border radius" },
      "padding": { "$value": "8px 12px", "$type": "dimension", "$description": "Tooltip padding" },
      "fontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Tooltip font size" },
      "maxWidth": { "$value": "280px", "$type": "dimension", "$description": "Maximum tooltip width" },
      "shadow": { "$value": "0 4px 16px rgba(0,0,0,0.4)", "$type": "shadow", "$description": "Tooltip drop shadow" },
      "border": { "$value": "1px solid rgba(255,255,255,0.08)", "$type": "border", "$description": "Tooltip border" },
      "arrowSize": { "$value": "6px", "$type": "dimension", "$description": "Arrow triangle size" },
      "arrowColor": { "$value": "#1e1e2e", "$type": "color", "$description": "Arrow color matching background" },
      "zIndex": { "$value": "1000", "$type": "number", "$description": "Tooltip stacking z-index" },
      "animationDuration": { "$value": "150ms", "$type": "duration", "$description": "Fade in/out duration" },
      "offsetDistance": { "$value": "8px", "$type": "dimension", "$description": "Distance from trigger element" }
    },
    "avatar": {
      "borderRadius": { "$value": "50%", "$type": "dimension", "$description": "Fully round for circular avatar" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Subtle border ring" },
      "borderWidth": { "$value": "2px", "$type": "dimension", "$description": "Border ring width" },
      "background": { "$value": "#2a2a3e", "$type": "color", "$description": "Fallback/initials background" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Initials text color" },
      "fontWeight": { "$value": "600", "$type": "fontWeight", "$description": "Initials font weight" },
      "sizeXs": { "$value": "24px", "$type": "dimension", "$description": "Extra small avatar" },
      "sizeSm": { "$value": "32px", "$type": "dimension", "$description": "Small avatar" },
      "sizeMd": { "$value": "40px", "$type": "dimension", "$description": "Medium (default) avatar" },
      "sizeLg": { "$value": "48px", "$type": "dimension", "$description": "Large avatar" },
      "sizeXl": { "$value": "64px", "$type": "dimension", "$description": "Extra large avatar" },
      "statusDotSize": { "$value": "10px", "$type": "dimension", "$description": "Online/offline status indicator" },
      "statusOnline": { "$value": "#22c55e", "$type": "color", "$description": "Online status color" },
      "statusOffline": { "$value": "#6b7280", "$type": "color", "$description": "Offline status color" },
      "statusBusy": { "$value": "#ef4444", "$type": "color", "$description": "Busy/DND status color" },
      "groupOverlap": { "$value": "-8px", "$type": "dimension", "$description": "Overlap for avatar groups" }
    },
    "divider": {
      "color": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Default divider color" },
      "thickness": { "$value": "1px", "$type": "dimension", "$description": "Line thickness" },
      "spacing": { "$value": "24px", "$type": "dimension", "$description": "Margin around divider" },
      "labelColor": { "$value": "#6b7280", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Label font size" },
      "labelBackground": { "$value": "#0a0a14", "$type": "color", "$description": "Label background to mask line" },
      "labelPadding": { "$value": "0 12px", "$type": "dimension", "$description": "Label horizontal padding" },
      "accentColor": { "$value": "#a78bfa", "$type": "color", "$description": "Accent variant color" }
    },
    "switch": {
      "trackWidth": { "$value": "44px", "$type": "dimension", "$description": "Track width" },
      "trackHeight": { "$value": "24px", "$type": "dimension", "$description": "Track height" },
      "trackBorderRadius": { "$value": "12px", "$type": "dimension", "$description": "Track border radius (pill)" },
      "trackOffBackground": { "$value": "#2a2a3e", "$type": "color", "$description": "Track off-state background" },
      "trackOnBackground": { "$value": "#a78bfa", "$type": "color", "$description": "Track on-state background" },
      "trackDisabledBackground": { "$value": "#1a1a2e", "$type": "color", "$description": "Track disabled background" },
      "thumbSize": { "$value": "18px", "$type": "dimension", "$description": "Thumb circle diameter" },
      "thumbColor": { "$value": "#ffffff", "$type": "color", "$description": "Thumb circle color" },
      "thumbOffset": { "$value": "3px", "$type": "dimension", "$description": "Thumb inset from track edge" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "labelGap": { "$value": "12px", "$type": "dimension", "$description": "Gap between switch and label" },
      "animationDuration": { "$value": "150ms", "$type": "duration", "$description": "Toggle transition speed" },
      "focusRing": { "$value": "0 0 0 3px rgba(167,139,250,0.3)", "$type": "shadow", "$description": "Focus ring for keyboard a11y" }
    },
    "chip": {
      "background": { "$value": "rgba(167,139,250,0.12)", "$type": "color", "$description": "Default chip background" },
      "textColor": { "$value": "#c4b5fd", "$type": "color", "$description": "Chip text color" },
      "borderRadius": { "$value": "16px", "$type": "dimension", "$description": "Pill-shaped border radius" },
      "paddingX": { "$value": "12px", "$type": "dimension", "$description": "Horizontal padding" },
      "paddingY": { "$value": "4px", "$type": "dimension", "$description": "Vertical padding" },
      "fontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Chip text size" },
      "fontWeight": { "$value": "500", "$type": "fontWeight", "$description": "Chip text weight" },
      "gap": { "$value": "6px", "$type": "dimension", "$description": "Gap between icon/label/remove" },
      "selectedBackground": { "$value": "#a78bfa", "$type": "color", "$description": "Selected chip background" },
      "selectedTextColor": { "$value": "#0a0a14", "$type": "color", "$description": "Selected chip text" },
      "hoverBackground": { "$value": "rgba(167,139,250,0.2)", "$type": "color", "$description": "Hover background" },
      "removeColor": { "$value": "#9ca3af", "$type": "color", "$description": "Remove icon color" },
      "removeHoverColor": { "$value": "#ef4444", "$type": "color", "$description": "Remove icon hover color" }
    },
    "dropdown": {
      "triggerBackground": { "$value": "#13131f", "$type": "color", "$description": "Trigger button background" },
      "triggerBorder": { "$value": "1px solid rgba(255,255,255,0.1)", "$type": "border", "$description": "Trigger border" },
      "triggerBorderRadius": { "$value": "8px", "$type": "dimension", "$description": "Trigger border radius" },
      "triggerPadding": { "$value": "8px 12px", "$type": "dimension", "$description": "Trigger padding" },
      "triggerColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Trigger text color" },
      "triggerFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Trigger font size" },
      "menuBackground": { "$value": "#1e1e2e", "$type": "color", "$description": "Dropdown menu background" },
      "menuBorder": { "$value": "1px solid rgba(255,255,255,0.08)", "$type": "border", "$description": "Menu border" },
      "menuBorderRadius": { "$value": "8px", "$type": "dimension", "$description": "Menu border radius" },
      "menuShadow": { "$value": "0 8px 24px rgba(0,0,0,0.4)", "$type": "shadow", "$description": "Menu shadow" },
      "menuMaxHeight": { "$value": "240px", "$type": "dimension", "$description": "Max menu height before scroll" },
      "itemPadding": { "$value": "8px 12px", "$type": "dimension", "$description": "Menu item padding" },
      "itemColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Default item color" },
      "itemHoverBackground": { "$value": "rgba(167,139,250,0.1)", "$type": "color", "$description": "Item hover background" },
      "itemSelectedColor": { "$value": "#a78bfa", "$type": "color", "$description": "Selected item color" },
      "placeholderColor": { "$value": "#6b7280", "$type": "color", "$description": "Placeholder text color" },
      "chevronColor": { "$value": "#6b7280", "$type": "color", "$description": "Dropdown chevron color" },
      "zIndex": { "$value": "900", "$type": "number", "$description": "Menu stacking z-index" }
    },
    "input": {
      "background": { "$value": "#0f0f1a", "$type": "color", "$description": "Input field background" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Default border color" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Input border radius" },
      "borderWidth": { "$value": "1px", "$type": "dimension", "$description": "Border width" },
      "padding": { "$value": "10px 12px", "$type": "dimension", "$description": "Input padding" },
      "fontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Input font size" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Input text color" },
      "placeholderColor": { "$value": "#6b7280", "$type": "color", "$description": "Placeholder text color" },
      "focusBorderColor": { "$value": "#a78bfa", "$type": "color", "$description": "Border color on focus" },
      "focusRing": { "$value": "0 0 0 3px rgba(167,139,250,0.2)", "$type": "shadow", "$description": "Focus ring shadow" },
      "errorBorderColor": { "$value": "#ef4444", "$type": "color", "$description": "Error state border" },
      "errorColor": { "$value": "#ef4444", "$type": "color", "$description": "Error message text color" },
      "labelColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Label font size" },
      "helperColor": { "$value": "#6b7280", "$type": "color", "$description": "Helper text color" },
      "helperFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Helper text font size" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Opacity when disabled" }
    },
    "modal": {
      "overlayBackground": { "$value": "rgba(0,0,0,0.6)", "$type": "color", "$description": "Backdrop overlay color" },
      "background": { "$value": "#1e1e2e", "$type": "color", "$description": "Modal content background" },
      "borderRadius": { "$value": "16px", "$type": "dimension", "$description": "Modal border radius" },
      "border": { "$value": "1px solid rgba(255,255,255,0.08)", "$type": "border", "$description": "Modal border" },
      "shadow": { "$value": "0 16px 48px rgba(0,0,0,0.5)", "$type": "shadow", "$description": "Modal shadow" },
      "padding": { "$value": "24px", "$type": "dimension", "$description": "Content padding" },
      "maxWidth": { "$value": "480px", "$type": "dimension", "$description": "Default max width" },
      "titleColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Title text color" },
      "titleFontSize": { "$value": "1.125rem", "$type": "dimension", "$description": "Title font size" },
      "bodyColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Body text color" },
      "closeColor": { "$value": "#6b7280", "$type": "color", "$description": "Close button color" },
      "closeHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Close button hover" },
      "zIndex": { "$value": "1100", "$type": "number", "$description": "Modal stacking z-index" },
      "animationDuration": { "$value": "200ms", "$type": "duration", "$description": "Open/close transition" }
    },
    "textarea": {
      "background": { "$value": "#0f0f1a", "$type": "color", "$description": "Textarea background" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Default border color" },
      "borderRadius": { "$value": "10px", "$type": "dimension", "$description": "Border radius" },
      "borderWidth": { "$value": "1px", "$type": "dimension", "$description": "Border width" },
      "padding": { "$value": "12px 14px", "$type": "dimension", "$description": "Content padding" },
      "fontSize": { "$value": "0.9375rem", "$type": "dimension", "$description": "Text font size" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Text color" },
      "placeholderColor": { "$value": "#6b7280", "$type": "color", "$description": "Placeholder text color" },
      "focusBorderColor": { "$value": "#a78bfa", "$type": "color", "$description": "Focused border color" },
      "focusRing": { "$value": "0 0 0 3px rgba(167,139,250,0.15)", "$type": "shadow", "$description": "Focus ring shadow" },
      "errorBorderColor": { "$value": "#ef4444", "$type": "color", "$description": "Error border color" },
      "errorColor": { "$value": "#ef4444", "$type": "color", "$description": "Error text color" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "helperColor": { "$value": "#6b7280", "$type": "color", "$description": "Helper text color" },
      "helperFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Helper font size" },
      "minHeight": { "$value": "120px", "$type": "dimension", "$description": "Minimum height" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Disabled state opacity" },
      "resizeColor": { "$value": "#6b7280", "$type": "color", "$description": "Resize handle color" }
    },
    "select": {
      "background": { "$value": "#0f0f1a", "$type": "color", "$description": "Select background" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Default border color" },
      "borderRadius": { "$value": "10px", "$type": "dimension", "$description": "Border radius" },
      "borderWidth": { "$value": "1px", "$type": "dimension", "$description": "Border width" },
      "padding": { "$value": "10px 36px 10px 14px", "$type": "dimension", "$description": "Select padding (room for chevron)" },
      "fontSize": { "$value": "0.9375rem", "$type": "dimension", "$description": "Text font size" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Selected text color" },
      "placeholderColor": { "$value": "#6b7280", "$type": "color", "$description": "Placeholder text color" },
      "focusBorderColor": { "$value": "#a78bfa", "$type": "color", "$description": "Focus border color" },
      "focusRing": { "$value": "0 0 0 3px rgba(167,139,250,0.15)", "$type": "shadow", "$description": "Focus ring shadow" },
      "errorBorderColor": { "$value": "#ef4444", "$type": "color", "$description": "Error border color" },
      "errorColor": { "$value": "#ef4444", "$type": "color", "$description": "Error text color" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "helperColor": { "$value": "#6b7280", "$type": "color", "$description": "Helper text color" },
      "helperFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Helper text font size" },
      "chevronColor": { "$value": "#6b7280", "$type": "color", "$description": "Chevron icon color" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Disabled state opacity" }
    },
    "table": {
      "background": { "$value": "#13131f", "$type": "color", "$description": "Table background" },
      "borderColor": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Cell border color" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Outer border radius" },
      "headerBackground": { "$value": "#1a1a2a", "$type": "color", "$description": "Header row background" },
      "headerColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Header text color" },
      "headerFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Header font size" },
      "headerFontWeight": { "$value": "600", "$type": "fontWeight", "$description": "Header font weight" },
      "cellPadding": { "$value": "12px 16px", "$type": "dimension", "$description": "Cell padding" },
      "cellColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Cell text color" },
      "cellFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Cell font size" },
      "rowHoverBackground": { "$value": "rgba(167,139,250,0.04)", "$type": "color", "$description": "Row hover background" },
      "stripeBackground": { "$value": "rgba(255,255,255,0.02)", "$type": "color", "$description": "Alternating row stripe" },
      "captionColor": { "$value": "#6b7280", "$type": "color", "$description": "Caption text color" },
      "captionFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Caption font size" }
    },
    "emptyState": {
      "background": { "$value": "#13131f", "$type": "color", "$description": "Container background" },
      "borderColor": { "$value": "rgba(255,255,255,0.06)", "$type": "color", "$description": "Dashed border color" },
      "borderRadius": { "$value": "16px", "$type": "dimension", "$description": "Border radius" },
      "padding": { "$value": "48px 32px", "$type": "dimension", "$description": "Content padding" },
      "iconColor": { "$value": "#6b7280", "$type": "color", "$description": "Icon/illustration color" },
      "iconSize": { "$value": "48px", "$type": "dimension", "$description": "Icon/illustration size" },
      "titleColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Title text color" },
      "titleFontSize": { "$value": "1.125rem", "$type": "dimension", "$description": "Title font size" },
      "descriptionColor": { "$value": "#6b7280", "$type": "color", "$description": "Description text color" },
      "descriptionFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Description font size" },
      "gap": { "$value": "16px", "$type": "dimension", "$description": "Spacing between elements" }
    },
    "spinner": {
      "color": { "$value": "#a78bfa", "$type": "color", "$description": "Spinner arc color" },
      "trackColor": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Background track color" },
      "sizeSm": { "$value": "16px", "$type": "dimension", "$description": "Small spinner size" },
      "sizeMd": { "$value": "32px", "$type": "dimension", "$description": "Medium spinner size" },
      "sizeLg": { "$value": "48px", "$type": "dimension", "$description": "Large spinner size" },
      "strokeWidth": { "$value": "3px", "$type": "dimension", "$description": "Arc stroke width" },
      "speed": { "$value": "750ms", "$type": "duration", "$description": "Rotation speed" },
      "labelColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Label font size" },
      "gap": { "$value": "12px", "$type": "dimension", "$description": "Space between spinner and label" }
    },
    "tag": {
      "background": { "$value": "rgba(167,139,250,0.1)", "$type": "color", "$description": "Default tag background" },
      "textColor": { "$value": "#a78bfa", "$type": "color", "$description": "Default tag text color" },
      "borderRadius": { "$value": "6px", "$type": "dimension", "$description": "Tag border radius" },
      "paddingX": { "$value": "10px", "$type": "dimension", "$description": "Horizontal padding" },
      "paddingY": { "$value": "4px", "$type": "dimension", "$description": "Vertical padding" },
      "fontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Tag font size" },
      "fontWeight": { "$value": "600", "$type": "fontWeight", "$description": "Tag font weight" },
      "gap": { "$value": "6px", "$type": "dimension", "$description": "Space between icon and text" },
      "successBackground": { "$value": "rgba(34,197,94,0.1)", "$type": "color", "$description": "Success variant background" },
      "successColor": { "$value": "#22c55e", "$type": "color", "$description": "Success variant text" },
      "warningBackground": { "$value": "rgba(245,158,11,0.1)", "$type": "color", "$description": "Warning variant background" },
      "warningColor": { "$value": "#f59e0b", "$type": "color", "$description": "Warning variant text" },
      "errorBackground": { "$value": "rgba(239,68,68,0.1)", "$type": "color", "$description": "Error variant background" },
      "errorColor": { "$value": "#ef4444", "$type": "color", "$description": "Error variant text" }
    },
    "sidebar": {
      "background": { "$value": "#0f0f1a", "$type": "color", "$description": "Sidebar background" },
      "borderColor": { "$value": "rgba(255,255,255,0.06)", "$type": "color", "$description": "Right border color" },
      "width": { "$value": "260px", "$type": "dimension", "$description": "Sidebar width" },
      "padding": { "$value": "16px", "$type": "dimension", "$description": "Content padding" },
      "headerColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Header/brand text color" },
      "headerFontSize": { "$value": "1rem", "$type": "dimension", "$description": "Header font size" },
      "linkColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Link text color" },
      "linkHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Link hover text color" },
      "linkHoverBackground": { "$value": "rgba(167,139,250,0.08)", "$type": "color", "$description": "Link hover background" },
      "linkActiveColor": { "$value": "#a78bfa", "$type": "color", "$description": "Active link text color" },
      "linkActiveBackground": { "$value": "rgba(167,139,250,0.12)", "$type": "color", "$description": "Active link background" },
      "linkPadding": { "$value": "10px 14px", "$type": "dimension", "$description": "Link item padding" },
      "linkBorderRadius": { "$value": "8px", "$type": "dimension", "$description": "Link item border radius" },
      "linkFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Link font size" },
      "sectionGap": { "$value": "24px", "$type": "dimension", "$description": "Gap between nav sections" },
      "sectionLabelColor": { "$value": "#6b7280", "$type": "color", "$description": "Section label color" },
      "sectionLabelFontSize": { "$value": "0.6875rem", "$type": "dimension", "$description": "Section label font size" }
    },
    "toolbar": {
      "background": { "$value": "#13131f", "$type": "color", "$description": "Toolbar background" },
      "borderColor": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Bottom border color" },
      "padding": { "$value": "8px 16px", "$type": "dimension", "$description": "Toolbar padding" },
      "gap": { "$value": "8px", "$type": "dimension", "$description": "Item gap" },
      "buttonColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Button icon/text color" },
      "buttonHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Button hover color" },
      "buttonHoverBackground": { "$value": "rgba(167,139,250,0.08)", "$type": "color", "$description": "Button hover background" },
      "buttonActiveColor": { "$value": "#a78bfa", "$type": "color", "$description": "Active button color" },
      "buttonActiveBackground": { "$value": "rgba(167,139,250,0.12)", "$type": "color", "$description": "Active button background" },
      "buttonPadding": { "$value": "6px 10px", "$type": "dimension", "$description": "Button padding" },
      "buttonBorderRadius": { "$value": "6px", "$type": "dimension", "$description": "Button border radius" },
      "buttonFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Button font size" },
      "dividerColor": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Divider color" }
    },
    "radioGroup": {
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Group label color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Group label font size" },
      "gap": { "$value": "10px", "$type": "dimension", "$description": "Gap between radio options" },
      "radioSize": { "$value": "18px", "$type": "dimension", "$description": "Radio circle size" },
      "radioBorder": { "$value": "2px solid rgba(255,255,255,0.2)", "$type": "border", "$description": "Radio border" },
      "radioCheckedBorder": { "$value": "2px solid #a78bfa", "$type": "border", "$description": "Checked radio border" },
      "radioCheckedDot": { "$value": "#a78bfa", "$type": "color", "$description": "Checked inner dot color" },
      "radioDotSize": { "$value": "10px", "$type": "dimension", "$description": "Inner dot size" },
      "optionColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Option label color" },
      "optionFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Option label font size" },
      "descriptionColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Option description color" },
      "descriptionFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Description font size" },
      "focusRing": { "$value": "0 0 0 2px rgba(167,139,250,0.4)", "$type": "shadow", "$description": "Focus ring shadow" },
      "errorColor": { "$value": "#f87171", "$type": "color", "$description": "Error message color" },
      "errorFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Error font size" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Disabled state opacity" }
    },
    "checkbox": {
      "size": { "$value": "18px", "$type": "dimension", "$description": "Checkbox box size" },
      "borderRadius": { "$value": "4px", "$type": "dimension", "$description": "Box border radius" },
      "border": { "$value": "2px solid rgba(255,255,255,0.2)", "$type": "border", "$description": "Unchecked border" },
      "checkedBackground": { "$value": "#a78bfa", "$type": "color", "$description": "Checked background" },
      "checkedBorder": { "$value": "2px solid #a78bfa", "$type": "border", "$description": "Checked border" },
      "checkmarkColor": { "$value": "#ffffff", "$type": "color", "$description": "Checkmark icon color" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "descriptionColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Description color" },
      "descriptionFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Description font size" },
      "gap": { "$value": "10px", "$type": "dimension", "$description": "Gap between box and label" },
      "focusRing": { "$value": "0 0 0 2px rgba(167,139,250,0.4)", "$type": "shadow", "$description": "Focus ring" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Disabled opacity" },
      "indeterminateBackground": { "$value": "#a78bfa", "$type": "color", "$description": "Indeterminate background" }
    },
    "searchInput": {
      "background": { "$value": "#0f0f1a", "$type": "color", "$description": "Search input background" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Border color" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Border radius" },
      "padding": { "$value": "10px 12px", "$type": "dimension", "$description": "Input padding" },
      "fontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Font size" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Text color" },
      "placeholderColor": { "$value": "#6b7280", "$type": "color", "$description": "Placeholder color" },
      "iconColor": { "$value": "#6b7280", "$type": "color", "$description": "Search icon color" },
      "iconSize": { "$value": "16px", "$type": "dimension", "$description": "Icon size" },
      "focusBorderColor": { "$value": "#a78bfa", "$type": "color", "$description": "Focus border color" },
      "focusRing": { "$value": "0 0 0 2px rgba(167,139,250,0.3)", "$type": "shadow", "$description": "Focus ring" },
      "clearColor": { "$value": "#6b7280", "$type": "color", "$description": "Clear button color" },
      "clearHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Clear button hover color" }
    },
    "slider": {
      "trackHeight": { "$value": "6px", "$type": "dimension", "$description": "Track height" },
      "trackBackground": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Track background" },
      "trackBorderRadius": { "$value": "3px", "$type": "dimension", "$description": "Track border radius" },
      "fillColor": { "$value": "#a78bfa", "$type": "color", "$description": "Fill/progress color" },
      "thumbSize": { "$value": "18px", "$type": "dimension", "$description": "Thumb diameter" },
      "thumbColor": { "$value": "#ffffff", "$type": "color", "$description": "Thumb color" },
      "thumbBorder": { "$value": "2px solid #a78bfa", "$type": "border", "$description": "Thumb border" },
      "thumbShadow": { "$value": "0 1px 4px rgba(0,0,0,0.3)", "$type": "shadow", "$description": "Thumb shadow" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "valueColor": { "$value": "#a78bfa", "$type": "color", "$description": "Value display color" },
      "valueFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Value font size" },
      "focusRing": { "$value": "0 0 0 3px rgba(167,139,250,0.4)", "$type": "shadow", "$description": "Focus ring" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Disabled opacity" }
    },
    "numberInput": {
      "background": { "$value": "#0f0f1a", "$type": "color", "$description": "Input background" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Border color" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Border radius" },
      "padding": { "$value": "8px 12px", "$type": "dimension", "$description": "Input padding" },
      "fontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Font size" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Text color" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "buttonColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Step button color" },
      "buttonHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Step button hover color" },
      "buttonHoverBackground": { "$value": "rgba(167,139,250,0.1)", "$type": "color", "$description": "Step button hover background" },
      "focusBorderColor": { "$value": "#a78bfa", "$type": "color", "$description": "Focus border color" },
      "focusRing": { "$value": "0 0 0 2px rgba(167,139,250,0.3)", "$type": "shadow", "$description": "Focus ring" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Disabled opacity" }
    },
    "popover": {
      "background": { "$value": "#1e1e2e", "$type": "color", "$description": "Panel background" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Panel border" },
      "borderRadius": { "$value": "10px", "$type": "dimension", "$description": "Panel border radius" },
      "padding": { "$value": "16px", "$type": "dimension", "$description": "Panel padding" },
      "shadow": { "$value": "0 8px 24px rgba(0,0,0,0.4)", "$type": "shadow", "$description": "Panel shadow" },
      "maxWidth": { "$value": "320px", "$type": "dimension", "$description": "Max width" },
      "zIndex": { "$value": "1000", "$type": "number", "$description": "Stack level" },
      "titleColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Title color" },
      "titleFontSize": { "$value": "0.9375rem", "$type": "dimension", "$description": "Title font size" },
      "bodyColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Body text color" },
      "bodyFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Body font size" },
      "closeColor": { "$value": "#6b7280", "$type": "color", "$description": "Close button color" },
      "closeHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Close button hover" }
    },
    "fileUpload": {
      "background": { "$value": "#0f0f1a", "$type": "color", "$description": "Drop zone background" },
      "borderColor": { "$value": "rgba(255,255,255,0.12)", "$type": "color", "$description": "Border color" },
      "borderColorActive": { "$value": "#a78bfa", "$type": "color", "$description": "Border color when dragging" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Zone border radius" },
      "borderStyle": { "$value": "dashed", "$type": "dimension", "$description": "Border style" },
      "padding": { "$value": "32px", "$type": "dimension", "$description": "Zone padding" },
      "iconColor": { "$value": "#6b7280", "$type": "color", "$description": "Upload icon color" },
      "iconSize": { "$value": "48px", "$type": "dimension", "$description": "Upload icon size" },
      "textColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Help text color" },
      "textFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Help text font size" },
      "linkColor": { "$value": "#a78bfa", "$type": "color", "$description": "Browse link color" },
      "linkHoverColor": { "$value": "#8b5cf6", "$type": "color", "$description": "Browse link hover" },
      "fileNameColor": { "$value": "#e2e8f0", "$type": "color", "$description": "File name color" },
      "fileSizeColor": { "$value": "#6b7280", "$type": "color", "$description": "File size color" },
      "progressBackground": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Progress track" },
      "progressFill": { "$value": "#a78bfa", "$type": "color", "$description": "Progress fill" },
      "progressHeight": { "$value": "4px", "$type": "dimension", "$description": "Progress bar height" }
    },
    "datePicker": {
      "background": { "$value": "#1e1e2e", "$type": "color", "$description": "Calendar background" },
      "borderColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Calendar border" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Calendar border radius" },
      "padding": { "$value": "16px", "$type": "dimension", "$description": "Calendar padding" },
      "shadow": { "$value": "0 8px 24px rgba(0,0,0,0.4)", "$type": "shadow", "$description": "Calendar shadow" },
      "headerColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Month/year header color" },
      "headerFontSize": { "$value": "0.9375rem", "$type": "dimension", "$description": "Header font size" },
      "dayColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Day number color" },
      "dayHoverBackground": { "$value": "rgba(167,139,250,0.15)", "$type": "color", "$description": "Day hover background" },
      "daySelectedBackground": { "$value": "#a78bfa", "$type": "color", "$description": "Selected day background" },
      "daySelectedColor": { "$value": "#0a0a14", "$type": "color", "$description": "Selected day text" },
      "dayTodayBorder": { "$value": "1px solid #a78bfa", "$type": "border", "$description": "Today indicator" },
      "daySize": { "$value": "36px", "$type": "dimension", "$description": "Day cell size" },
      "dayFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Day font size" },
      "weekdayColor": { "$value": "#6b7280", "$type": "color", "$description": "Weekday label color" },
      "navColor": { "$value": "#6b7280", "$type": "color", "$description": "Nav arrow color" },
      "navHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Nav arrow hover" }
    },
    "colorSwatch": {
      "size": { "$value": "48px", "$type": "dimension", "$description": "Swatch size" },
      "borderRadius": { "$value": "10px", "$type": "dimension", "$description": "Swatch border radius" },
      "border": { "$value": "1px solid rgba(255,255,255,0.1)", "$type": "border", "$description": "Swatch border" },
      "selectedRing": { "$value": "0 0 0 3px #a78bfa", "$type": "shadow", "$description": "Selected ring" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Color label" },
      "labelFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Label font size" },
      "hexColor": { "$value": "#6b7280", "$type": "color", "$description": "Hex value color" },
      "hexFontSize": { "$value": "0.6875rem", "$type": "dimension", "$description": "Hex font size" },
      "gap": { "$value": "12px", "$type": "dimension", "$description": "Gap between swatches" },
      "tooltipBackground": { "$value": "#1e1e2e", "$type": "color", "$description": "Tooltip background" },
      "tooltipColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Tooltip text color" },
      "tooltipFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Tooltip font size" },
      "checkerBackground": { "$value": "rgba(255,255,255,0.04)", "$type": "color", "$description": "Checker pattern for alpha" }
    },
    "drawer": {
      "background": { "$value": "#13131f", "$type": "color", "$description": "Drawer background" },
      "overlayColor": { "$value": "rgba(0,0,0,0.6)", "$type": "color", "$description": "Backdrop overlay" },
      "width": { "$value": "380px", "$type": "dimension", "$description": "Drawer width" },
      "padding": { "$value": "24px", "$type": "dimension", "$description": "Content padding" },
      "headerColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Header title color" },
      "headerFontSize": { "$value": "1.125rem", "$type": "dimension", "$description": "Header font size" },
      "borderColor": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Header border" },
      "closeColor": { "$value": "#6b7280", "$type": "color", "$description": "Close button color" },
      "closeHoverColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Close hover" },
      "zIndex": { "$value": "1100", "$type": "number", "$description": "Stack level" },
      "shadow": { "$value": "-8px 0 24px rgba(0,0,0,0.4)", "$type": "shadow", "$description": "Drawer shadow" },
      "transitionDuration": { "$value": "250ms", "$type": "duration", "$description": "Slide duration" }
    },
    "stepIndicator": {
      "circleSize": { "$value": "32px", "$type": "dimension", "$description": "Step circle size" },
      "circleBorder": { "$value": "2px solid rgba(255,255,255,0.15)", "$type": "border", "$description": "Default circle border" },
      "circleBackground": { "$value": "transparent", "$type": "color", "$description": "Default circle background" },
      "circleColor": { "$value": "#6b7280", "$type": "color", "$description": "Default step number color" },
      "activeBackground": { "$value": "#a78bfa", "$type": "color", "$description": "Active step background" },
      "activeBorder": { "$value": "2px solid #a78bfa", "$type": "border", "$description": "Active circle border" },
      "activeColor": { "$value": "#0a0a14", "$type": "color", "$description": "Active step number color" },
      "completedBackground": { "$value": "#10b981", "$type": "color", "$description": "Completed background" },
      "completedBorder": { "$value": "2px solid #10b981", "$type": "border", "$description": "Completed border" },
      "completedColor": { "$value": "#ffffff", "$type": "color", "$description": "Completed check color" },
      "lineColor": { "$value": "rgba(255,255,255,0.1)", "$type": "color", "$description": "Connector line" },
      "lineActiveColor": { "$value": "#10b981", "$type": "color", "$description": "Completed line" },
      "lineHeight": { "$value": "2px", "$type": "dimension", "$description": "Connector height" },
      "labelColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Step label color" },
      "labelActiveColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Active label" },
      "labelFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Label font size" },
      "fontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Step number font size" }
    },
    "treeView": {
      "indentSize": { "$value": "20px", "$type": "dimension", "$description": "Indent per depth level" },
      "itemPadding": { "$value": "6px 8px", "$type": "dimension", "$description": "Item padding" },
      "itemBorderRadius": { "$value": "6px", "$type": "dimension", "$description": "Item border radius" },
      "itemHoverBackground": { "$value": "rgba(167,139,250,0.08)", "$type": "color", "$description": "Hover background" },
      "itemSelectedBackground": { "$value": "rgba(167,139,250,0.15)", "$type": "color", "$description": "Selected background" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Item label color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "iconColor": { "$value": "#6b7280", "$type": "color", "$description": "Expand icon color" },
      "iconSize": { "$value": "16px", "$type": "dimension", "$description": "Expand icon size" },
      "branchLineColor": { "$value": "rgba(255,255,255,0.06)", "$type": "color", "$description": "Branch connector line" },
      "gap": { "$value": "2px", "$type": "dimension", "$description": "Gap between items" }
    },
    "kanbanBoard": {
      "columnBackground": { "$value": "#0f0f1a", "$type": "color", "$description": "Column background" },
      "columnBorderRadius": { "$value": "12px", "$type": "dimension", "$description": "Column radius" },
      "columnPadding": { "$value": "16px", "$type": "dimension", "$description": "Column padding" },
      "columnGap": { "$value": "16px", "$type": "dimension", "$description": "Gap between columns" },
      "columnMinWidth": { "$value": "280px", "$type": "dimension", "$description": "Minimum column width" },
      "headerColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Column header color" },
      "headerFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Header font size" },
      "countBackground": { "$value": "rgba(167,139,250,0.15)", "$type": "color", "$description": "Count badge bg" },
      "countColor": { "$value": "#a78bfa", "$type": "color", "$description": "Count badge text" },
      "cardBackground": { "$value": "#1e1e2e", "$type": "color", "$description": "Card background" },
      "cardBorderRadius": { "$value": "8px", "$type": "dimension", "$description": "Card radius" },
      "cardPadding": { "$value": "12px", "$type": "dimension", "$description": "Card padding" },
      "cardBorder": { "$value": "1px solid rgba(255,255,255,0.06)", "$type": "border", "$description": "Card border" },
      "cardGap": { "$value": "8px", "$type": "dimension", "$description": "Gap between cards" },
      "titleColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Card title color" },
      "titleFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Card title size" },
      "descColor": { "$value": "#6b7280", "$type": "color", "$description": "Card description color" },
      "descFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Card desc size" }
    },
    "codeBlock": {
      "background": { "$value": "#0a0a14", "$type": "color", "$description": "Code background" },
      "borderColor": { "$value": "rgba(255,255,255,0.08)", "$type": "color", "$description": "Border color" },
      "borderRadius": { "$value": "10px", "$type": "dimension", "$description": "Block radius" },
      "padding": { "$value": "16px", "$type": "dimension", "$description": "Code padding" },
      "fontFamily": { "$value": "'Fira Code', 'Cascadia Code', 'JetBrains Mono', monospace", "$type": "dimension", "$description": "Code font family" },
      "fontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Code font size" },
      "lineHeight": { "$value": "1.7", "$type": "number", "$description": "Code line height" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Default text color" },
      "lineNumberColor": { "$value": "#3f3f5a", "$type": "color", "$description": "Line number color" },
      "lineNumberWidth": { "$value": "40px", "$type": "dimension", "$description": "Line number column width" },
      "headerBackground": { "$value": "#13131f", "$type": "color", "$description": "Header background" },
      "headerColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Header text color" },
      "headerFontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Header font size" },
      "copyColor": { "$value": "#6b7280", "$type": "color", "$description": "Copy button color" },
      "copyHoverColor": { "$value": "#a78bfa", "$type": "color", "$description": "Copy hover" }
    },
    "statusDot": {
      "dotSize": { "$value": "8px", "$type": "dimension", "$description": "Dot diameter" },
      "gap": { "$value": "8px", "$type": "dimension", "$description": "Gap between dot and label" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label color" },
      "labelFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Label font size" },
      "successColor": { "$value": "#10b981", "$type": "color", "$description": "Success dot" },
      "warningColor": { "$value": "#f59e0b", "$type": "color", "$description": "Warning dot" },
      "errorColor": { "$value": "#ef4444", "$type": "color", "$description": "Error dot" },
      "infoColor": { "$value": "#3b82f6", "$type": "color", "$description": "Info dot" },
      "neutralColor": { "$value": "#6b7280", "$type": "color", "$description": "Neutral dot" },
      "pulseScale": { "$value": "2.5", "$type": "number", "$description": "Pulse animation scale" }
    },
    "rating": {
      "starSize": { "$value": "24px", "$type": "dimension", "$description": "Star icon size" },
      "gap": { "$value": "4px", "$type": "dimension", "$description": "Gap between stars" },
      "filledColor": { "$value": "#f59e0b", "$type": "color", "$description": "Filled star color" },
      "emptyColor": { "$value": "#3f3f50", "$type": "color", "$description": "Empty star color" },
      "hoverColor": { "$value": "#fbbf24", "$type": "color", "$description": "Hovered star color" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Label font size" },
      "valueColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Numeric value color" },
      "valueFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Value font size" },
      "disabledOpacity": { "$value": "0.5", "$type": "number", "$description": "Disabled state opacity" }
    },
    "carousel": {
      "gap": { "$value": "16px", "$type": "dimension", "$description": "Gap between slides" },
      "arrowSize": { "$value": "40px", "$type": "dimension", "$description": "Navigation arrow button size" },
      "arrowBg": { "$value": "rgba(30,30,46,0.85)", "$type": "color", "$description": "Arrow button background" },
      "arrowBgHover": { "$value": "rgba(30,30,46,1)", "$type": "color", "$description": "Arrow hover background" },
      "arrowColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Arrow icon color" },
      "arrowRadius": { "$value": "50%", "$type": "dimension", "$description": "Arrow border radius" },
      "dotSize": { "$value": "10px", "$type": "dimension", "$description": "Indicator dot size" },
      "dotColor": { "$value": "#3f3f50", "$type": "color", "$description": "Inactive dot color" },
      "dotActiveColor": { "$value": "#a78bfa", "$type": "color", "$description": "Active dot color" },
      "dotGap": { "$value": "8px", "$type": "dimension", "$description": "Gap between dots" },
      "transitionDuration": { "$value": "0.3s", "$type": "duration", "$description": "Slide transition duration" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Slide border radius" }
    },
    "toggleGroup": {
      "bg": { "$value": "#1e1e2e", "$type": "color", "$description": "Group background" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Group border radius" },
      "gap": { "$value": "2px", "$type": "dimension", "$description": "Gap between buttons" },
      "padding": { "$value": "4px", "$type": "dimension", "$description": "Group inner padding" },
      "buttonBg": { "$value": "transparent", "$type": "color", "$description": "Button default background" },
      "buttonBgActive": { "$value": "#a78bfa", "$type": "color", "$description": "Active button background" },
      "buttonColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Button default text color" },
      "buttonColorActive": { "$value": "#ffffff", "$type": "color", "$description": "Active button text color" },
      "buttonRadius": { "$value": "6px", "$type": "dimension", "$description": "Button border radius" },
      "buttonPaddingX": { "$value": "12px", "$type": "dimension", "$description": "Button horizontal padding" },
      "buttonPaddingY": { "$value": "6px", "$type": "dimension", "$description": "Button vertical padding" },
      "fontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Button font size" }
    },
    "banner": {
      "bg": { "$value": "#1e1e2e", "$type": "color", "$description": "Banner background" },
      "borderColor": { "$value": "#2a2a3e", "$type": "color", "$description": "Banner border color" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Banner border radius" },
      "padding": { "$value": "12px 16px", "$type": "dimension", "$description": "Banner padding" },
      "textColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Banner text color" },
      "fontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Banner font size" },
      "iconSize": { "$value": "20px", "$type": "dimension", "$description": "Icon size" },
      "gap": { "$value": "12px", "$type": "dimension", "$description": "Gap between elements" },
      "infoBg": { "$value": "rgba(59,130,246,0.1)", "$type": "color", "$description": "Info variant background" },
      "infoBorder": { "$value": "#3b82f6", "$type": "color", "$description": "Info variant border" },
      "successBg": { "$value": "rgba(16,185,129,0.1)", "$type": "color", "$description": "Success variant background" },
      "successBorder": { "$value": "#10b981", "$type": "color", "$description": "Success variant border" },
      "warningBg": { "$value": "rgba(245,158,11,0.1)", "$type": "color", "$description": "Warning variant background" },
      "warningBorder": { "$value": "#f59e0b", "$type": "color", "$description": "Warning variant border" },
      "errorBg": { "$value": "rgba(239,68,68,0.1)", "$type": "color", "$description": "Error variant background" },
      "errorBorder": { "$value": "#ef4444", "$type": "color", "$description": "Error variant border" },
      "closeColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Close button color" },
      "closeSize": { "$value": "16px", "$type": "dimension", "$description": "Close button icon size" }
    },
    "stat": {
      "bg": { "$value": "#13131f", "$type": "color", "$description": "Card background" },
      "borderColor": { "$value": "#2a2a3e", "$type": "color", "$description": "Card border" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Card border radius" },
      "padding": { "$value": "20px", "$type": "dimension", "$description": "Card padding" },
      "labelColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Label font size" },
      "valueColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Value text color" },
      "valueFontSize": { "$value": "2rem", "$type": "dimension", "$description": "Value font size" },
      "trendUpColor": { "$value": "#10b981", "$type": "color", "$description": "Positive trend color" },
      "trendDownColor": { "$value": "#ef4444", "$type": "color", "$description": "Negative trend color" },
      "trendFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Trend text font size" },
      "trendIconSize": { "$value": "14px", "$type": "dimension", "$description": "Trend arrow icon size" }
    },
    "commandPalette": {
      "overlayBg": { "$value": "rgba(0,0,0,0.6)", "$type": "color", "$description": "Backdrop overlay" },
      "bg": { "$value": "#1e1e2e", "$type": "color", "$description": "Palette background" },
      "borderColor": { "$value": "#2a2a3e", "$type": "color", "$description": "Palette border" },
      "borderRadius": { "$value": "12px", "$type": "dimension", "$description": "Palette border radius" },
      "maxWidth": { "$value": "560px", "$type": "dimension", "$description": "Maximum width" },
      "inputBg": { "$value": "#0f0f1a", "$type": "color", "$description": "Search input background" },
      "inputColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Search input text color" },
      "inputFontSize": { "$value": "1rem", "$type": "dimension", "$description": "Search input font size" },
      "inputPadding": { "$value": "12px 16px", "$type": "dimension", "$description": "Search input padding" },
      "itemBg": { "$value": "transparent", "$type": "color", "$description": "Item default background" },
      "itemBgHover": { "$value": "rgba(167,139,250,0.1)", "$type": "color", "$description": "Item hover background" },
      "itemColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Item text color" },
      "itemPadding": { "$value": "8px 16px", "$type": "dimension", "$description": "Item padding" },
      "itemFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Item font size" },
      "shortcutColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Shortcut key color" },
      "shortcutBg": { "$value": "#2a2a3e", "$type": "color", "$description": "Shortcut key background" },
      "emptyColor": { "$value": "#6b7280", "$type": "color", "$description": "Empty state text color" }
    },
    "meter": {
      "height": { "$value": "8px", "$type": "dimension", "$description": "Bar height" },
      "borderRadius": { "$value": "4px", "$type": "dimension", "$description": "Bar border radius" },
      "trackBg": { "$value": "#2a2a3e", "$type": "color", "$description": "Track background" },
      "fillLow": { "$value": "#ef4444", "$type": "color", "$description": "Low range fill color" },
      "fillMedium": { "$value": "#f59e0b", "$type": "color", "$description": "Medium range fill color" },
      "fillHigh": { "$value": "#10b981", "$type": "color", "$description": "High/optimal fill color" },
      "fillOverflow": { "$value": "#a78bfa", "$type": "color", "$description": "Overflow fill color" },
      "labelColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Label font size" },
      "valueColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Value text color" },
      "valueFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Value font size" },
      "gap": { "$value": "6px", "$type": "dimension", "$description": "Gap between label and bar" }
    },
    "countdown": {
      "bg": { "$value": "#13131f", "$type": "color", "$description": "Segment background" },
      "borderColor": { "$value": "#2a2a3e", "$type": "color", "$description": "Segment border" },
      "borderRadius": { "$value": "8px", "$type": "dimension", "$description": "Segment border radius" },
      "padding": { "$value": "12px 16px", "$type": "dimension", "$description": "Segment padding" },
      "gap": { "$value": "12px", "$type": "dimension", "$description": "Gap between segments" },
      "digitColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Digit text color" },
      "digitFontSize": { "$value": "2rem", "$type": "dimension", "$description": "Digit font size" },
      "labelColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.6875rem", "$type": "dimension", "$description": "Label font size" },
      "separatorColor": { "$value": "#6b7280", "$type": "color", "$description": "Colon separator color" },
      "separatorFontSize": { "$value": "1.5rem", "$type": "dimension", "$description": "Separator font size" }
    },
    "copyButton": {
      "bg": { "$value": "#1e1e2e", "$type": "color", "$description": "Button background" },
      "bgHover": { "$value": "#2a2a3e", "$type": "color", "$description": "Button hover background" },
      "bgSuccess": { "$value": "rgba(16,185,129,0.15)", "$type": "color", "$description": "Success feedback background" },
      "color": { "$value": "#a1a1aa", "$type": "color", "$description": "Icon color" },
      "colorSuccess": { "$value": "#10b981", "$type": "color", "$description": "Success icon color" },
      "borderColor": { "$value": "#2a2a3e", "$type": "color", "$description": "Border color" },
      "borderRadius": { "$value": "6px", "$type": "dimension", "$description": "Border radius" },
      "padding": { "$value": "6px 10px", "$type": "dimension", "$description": "Button padding" },
      "iconSize": { "$value": "16px", "$type": "dimension", "$description": "Icon size" },
      "fontSize": { "$value": "0.75rem", "$type": "dimension", "$description": "Label font size" },
      "gap": { "$value": "4px", "$type": "dimension", "$description": "Gap between icon and label" }
    },
    "inlineEdit": {
      "bg": { "$value": "transparent", "$type": "color", "$description": "Background in view mode" },
      "bgEditing": { "$value": "#0f0f1a", "$type": "color", "$description": "Background in edit mode" },
      "color": { "$value": "#ffffff", "$type": "color", "$description": "Text color" },
      "colorPlaceholder": { "$value": "#6b7280", "$type": "color", "$description": "Placeholder text color" },
      "borderColor": { "$value": "#2a2a3e", "$type": "color", "$description": "Border color in edit mode" },
      "borderColorFocus": { "$value": "#a78bfa", "$type": "color", "$description": "Border color on focus" },
      "borderRadius": { "$value": "6px", "$type": "dimension", "$description": "Border radius" },
      "padding": { "$value": "4px 8px", "$type": "dimension", "$description": "Inner padding" },
      "fontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Font size" },
      "iconSize": { "$value": "14px", "$type": "dimension", "$description": "Edit icon size" },
      "iconColor": { "$value": "#6b7280", "$type": "color", "$description": "Edit icon color" },
      "hoverBg": { "$value": "rgba(167,139,250,0.06)", "$type": "color", "$description": "Hover background in view mode" }
    },
    "dataList": {
      "gap": { "$value": "12px", "$type": "dimension", "$description": "Gap between rows" },
      "labelColor": { "$value": "#a1a1aa", "$type": "color", "$description": "Label text color" },
      "labelFontSize": { "$value": "0.8125rem", "$type": "dimension", "$description": "Label font size" },
      "labelWidth": { "$value": "140px", "$type": "dimension", "$description": "Label column width" },
      "valueColor": { "$value": "#e2e8f0", "$type": "color", "$description": "Value text color" },
      "valueFontSize": { "$value": "0.875rem", "$type": "dimension", "$description": "Value font size" },
      "dividerColor": { "$value": "rgba(255,255,255,0.06)", "$type": "color", "$description": "Row divider color" },
      "stripedBg": { "$value": "rgba(255,255,255,0.02)", "$type": "color", "$description": "Striped row background" },
      "padding": { "$value": "8px 0", "$type": "dimension", "$description": "Row padding" }
    }
  }
}