{
  "color": {
    "primitive": {
      "neutral": {
        "0":   { "value": "#ffffff",  "comment": "Pure white" },
        "50":  { "value": "#fafafa",  "comment": "Near white" },
        "100": { "value": "#ADADB0",  "comment": "Light gray" },
        "200": { "value": "#8B8B90",  "comment": "Medium gray" },
        "300": { "value": "#6B6B70",  "comment": "Muted gray" },
        "400": { "value": "#3A3A3E",  "comment": "Dark gray" },
        "500": { "value": "#2A2A2E",  "comment": "Darker gray" },
        "600": { "value": "#1F1F23",  "comment": "Surface border" },
        "700": { "value": "#1A1A1D",  "comment": "Elevated surface" },
        "800": { "value": "#111113",  "comment": "Base surface" },
        "900": { "value": "#0A0A0B",  "comment": "Page background" },
        "950": { "value": "#050506",  "comment": "Near black" }
      },
      "accent": {
        "400": { "value": "#FF8A4C", "comment": "Orange light" },
        "500": { "value": "#FF5C00", "comment": "Orange primary" },
        "600": { "value": "#E05200", "comment": "Orange dark" }
      },
      "success": {
        "500": { "value": "#22C55E", "comment": "Success green" }
      },
      "white":   { "value": "#ffffff" },
      "black":   { "value": "#000000" },
      "overlay": { "value": "rgba(0, 0, 0, 0.6)" }
    },
    "semantic": {
      "bg": {
        "page":         { "value": "{color.primitive.neutral.900.value}", "comment": "Page background" },
        "surface":      { "value": "{color.primitive.neutral.800.value}", "comment": "Card / panel surface" },
        "elevated":     { "value": "{color.primitive.neutral.700.value}", "comment": "Elevated elements" },
        "interactive":  { "value": "{color.primitive.neutral.500.value}", "comment": "Interactive backgrounds" },
        "surfaceHover": { "value": "{color.primitive.neutral.600.value}", "comment": "Hover state" },
        "overlay":      { "value": "rgba(10, 10, 11, 0.9)",              "comment": "Modal overlay" }
      },
      "text": {
        "primary":   { "value": "{color.primitive.white.value}",          "comment": "Primary text" },
        "secondary": { "value": "{color.primitive.neutral.100.value}",    "comment": "Secondary text" },
        "tertiary":  { "value": "{color.primitive.neutral.200.value}",    "comment": "Tertiary / helper text" },
        "disabled":  { "value": "{color.primitive.neutral.300.value}",    "comment": "Disabled text" },
        "muted":     { "value": "rgba(255, 255, 255, 0.8)",               "comment": "Muted white text" },
        "inverse":   { "value": "{color.primitive.neutral.900.value}",    "comment": "Inverse (dark on light)" }
      },
      "accent": {
        "primary":     { "value": "{color.primitive.accent.500.value}", "comment": "Brand orange" },
        "light":       { "value": "{color.primitive.accent.400.value}", "comment": "Light orange" },
        "glow":        { "value": "rgba(255, 92, 0, 0.15)",             "comment": "Subtle glow" },
        "glowStrong":  { "value": "rgba(255, 92, 0, 0.3)",              "comment": "Strong glow" }
      },
      "border": {
        "subtle":  { "value": "{color.primitive.neutral.600.value}", "comment": "Subtle divider" },
        "default": { "value": "{color.primitive.neutral.500.value}", "comment": "Default border" },
        "strong":  { "value": "{color.primitive.neutral.400.value}", "comment": "Strong border" }
      },
      "action": {
        "primaryBg":          { "value": "{color.primitive.accent.500.value}", "comment": "CTA button bg" },
        "primaryBgHover":     { "value": "{color.primitive.accent.600.value}", "comment": "CTA button hover" },
        "primaryText":        { "value": "{color.primitive.white.value}",      "comment": "CTA button text" },
        "secondaryBg":        { "value": "transparent",                        "comment": "Ghost button bg" },
        "secondaryBgHover":   { "value": "rgba(255, 255, 255, 0.05)",          "comment": "Ghost button hover" },
        "secondaryText":      { "value": "{color.primitive.white.value}",      "comment": "Ghost button text" },
        "secondaryBorder":    { "value": "{color.primitive.neutral.500.value}","comment": "Ghost button border" }
      },
      "status": {
        "success": { "value": "{color.primitive.success.500.value}", "comment": "Success state" }
      }
    }
  }
}
