{
  "ask": {
    "color": {
      "brand": {
        "red": {
          "$type": "color",
          "$value": "#E42438",
          "$description": "Ask Red — primary signal color. Use sparingly."
        },
        "red-hover": {
          "$type": "color",
          "$value": "#C81B2E",
          "$description": "Pressed / hover state for Ask Red surfaces."
        },
        "red-soft": {
          "$type": "color",
          "$value": "#FCE6E9",
          "$description": "Soft red wash for badges, inline highlights."
        }
      },
      "neutral": {
        "ink":      { "$type": "color", "$value": "#0A0A0A", "$description": "Headings, primary text." },
        "graphite": { "$type": "color", "$value": "#2A2A2D", "$description": "Body text on light." },
        "steel":    { "$type": "color", "$value": "#6E6E76", "$description": "Captions, meta, secondary text." },
        "mist":     { "$type": "color", "$value": "#E8E8EA", "$description": "Dividers, borders, subtle fills." },
        "paper":    { "$type": "color", "$value": "#F7F6F4", "$description": "Default canvas — off-white." },
        "white":    { "$type": "color", "$value": "#FFFFFF" },
        "rule":     { "$type": "color", "$value": "#D8D6D2", "$description": "Default border / rule color." }
      },
      "state": {
        "success":      { "$type": "color", "$value": "#1F8A5B", "$description": "Positive outcome — agent succeeded, tool returned." },
        "success-soft": { "$type": "color", "$value": "#E7F5EE" },
        "warning":      { "$type": "color", "$value": "#B7791F", "$description": "Needs attention — guardrail block, long-running." },
        "warning-soft": { "$type": "color", "$value": "#FBF1DD" },
        "danger":       { "$type": "color", "$value": "#C81B2E", "$description": "Destructive / blocking error." },
        "danger-soft":  { "$type": "color", "$value": "#FCE6E9" },
        "info":         { "$type": "color", "$value": "#2A6FDB", "$description": "Informational — guardrail active, system notice." },
        "info-soft":    { "$type": "color", "$value": "#E3EDFB" }
      },
      "semantic": {
        "background":        { "$type": "color", "$value": "{ask.color.neutral.paper}" },
        "foreground":        { "$type": "color", "$value": "{ask.color.neutral.ink}" },
        "muted":             { "$type": "color", "$value": "{ask.color.neutral.mist}" },
        "muted-foreground":  { "$type": "color", "$value": "{ask.color.neutral.steel}" },
        "border":            { "$type": "color", "$value": "#D8D6D2" },
        "input":             { "$type": "color", "$value": "{ask.color.neutral.mist}" },
        "ring":              { "$type": "color", "$value": "{ask.color.brand.red}" },
        "primary":           { "$type": "color", "$value": "{ask.color.brand.red}" },
        "primary-foreground":{ "$type": "color", "$value": "{ask.color.neutral.white}" },
        "secondary":         { "$type": "color", "$value": "{ask.color.neutral.ink}" },
        "secondary-foreground":{ "$type": "color", "$value": "{ask.color.neutral.white}" },
        "accent":            { "$type": "color", "$value": "{ask.color.brand.red-soft}" },
        "accent-foreground": { "$type": "color", "$value": "{ask.color.brand.red}" },
        "destructive":       { "$type": "color", "$value": "{ask.color.brand.red}" },
        "destructive-foreground":{ "$type": "color", "$value": "{ask.color.neutral.white}" },
        "card":              { "$type": "color", "$value": "{ask.color.neutral.white}" },
        "card-foreground":   { "$type": "color", "$value": "{ask.color.neutral.ink}" },
        "popover":           { "$type": "color", "$value": "{ask.color.neutral.white}" },
        "popover-foreground":{ "$type": "color", "$value": "{ask.color.neutral.ink}" }
      }
    },
    "font": {
      "family": {
        "display": { "$type": "fontFamily", "$value": ["Archivo Black", "Archivo", "system-ui", "sans-serif"] },
        "sans":    { "$type": "fontFamily", "$value": ["Archivo", "system-ui", "sans-serif"] },
        "mono":    { "$type": "fontFamily", "$value": ["JetBrains Mono", "ui-monospace", "SF Mono", "Menlo", "monospace"] }
      },
      "weight": {
        "regular":  { "$type": "fontWeight", "$value": 400 },
        "medium":   { "$type": "fontWeight", "$value": 500 },
        "semibold": { "$type": "fontWeight", "$value": 600 },
        "bold":     { "$type": "fontWeight", "$value": 700 },
        "black":    { "$type": "fontWeight", "$value": 900 }
      },
      "size": {
        "xs":   { "$type": "dimension", "$value": "12px" },
        "sm":   { "$type": "dimension", "$value": "13px" },
        "base": { "$type": "dimension", "$value": "15px" },
        "md":   { "$type": "dimension", "$value": "17px" },
        "lg":   { "$type": "dimension", "$value": "20px" },
        "xl":   { "$type": "dimension", "$value": "24px" },
        "2xl":  { "$type": "dimension", "$value": "32px" },
        "3xl":  { "$type": "dimension", "$value": "44px" },
        "4xl":  { "$type": "dimension", "$value": "64px" },
        "5xl":  { "$type": "dimension", "$value": "96px" }
      },
      "lineHeight": {
        "tight":   { "$type": "number", "$value": 0.95 },
        "snug":    { "$type": "number", "$value": 1.1 },
        "normal":  { "$type": "number", "$value": 1.5 },
        "relaxed": { "$type": "number", "$value": 1.65 }
      },
      "letterSpacing": {
        "display":  { "$type": "dimension", "$value": "-0.02em" },
        "heading":  { "$type": "dimension", "$value": "-0.015em" },
        "body":     { "$type": "dimension", "$value": "0em" },
        "caps":     { "$type": "dimension", "$value": "0.14em" }
      }
    },
    "radius": {
      "none": { "$type": "dimension", "$value": "0px" },
      "sm":   { "$type": "dimension", "$value": "2px" },
      "md":   { "$type": "dimension", "$value": "4px" },
      "lg":   { "$type": "dimension", "$value": "8px" },
      "xl":   { "$type": "dimension", "$value": "12px" },
      "2xl":  { "$type": "dimension", "$value": "16px" },
      "full": { "$type": "dimension", "$value": "9999px" }
    },
    "spacing": {
      "0":   { "$type": "dimension", "$value": "0px" },
      "0.5": { "$type": "dimension", "$value": "2px" },
      "1":   { "$type": "dimension", "$value": "4px" },
      "2":   { "$type": "dimension", "$value": "8px" },
      "3":   { "$type": "dimension", "$value": "12px" },
      "4":   { "$type": "dimension", "$value": "16px" },
      "5":   { "$type": "dimension", "$value": "20px" },
      "6":   { "$type": "dimension", "$value": "24px" },
      "8":   { "$type": "dimension", "$value": "32px" },
      "10":  { "$type": "dimension", "$value": "40px" },
      "12":  { "$type": "dimension", "$value": "48px" },
      "16":  { "$type": "dimension", "$value": "64px" },
      "20":  { "$type": "dimension", "$value": "80px" },
      "24":  { "$type": "dimension", "$value": "96px" }
    },
    "shadow": {
      "sm":   { "$type": "shadow", "$value": { "color": "rgba(10,10,10,0.05)", "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px" } },
      "md":   { "$type": "shadow", "$value": { "color": "rgba(10,10,10,0.08)", "offsetX": "0px", "offsetY": "4px", "blur": "12px", "spread": "0px" } },
      "lg":   { "$type": "shadow", "$value": { "color": "rgba(10,10,10,0.12)", "offsetX": "0px", "offsetY": "12px", "blur": "32px", "spread": "0px" } }
    },
    "motion": {
      "duration": {
        "instant": { "$type": "duration", "$value": "0ms" },
        "fast":    { "$type": "duration", "$value": "120ms", "$description": "Hovers, micro-interactions." },
        "base":    { "$type": "duration", "$value": "200ms", "$description": "Default UI transitions." },
        "slow":    { "$type": "duration", "$value": "320ms", "$description": "Overlays, dialogs." },
        "slowest": { "$type": "duration", "$value": "480ms", "$description": "Page transitions." }
      },
      "easing": {
        "standard":   { "$type": "cubicBezier", "$value": [0.2, 0, 0, 1] },
        "accelerate": { "$type": "cubicBezier", "$value": [0.3, 0, 1, 1] },
        "decelerate": { "$type": "cubicBezier", "$value": [0, 0, 0.2, 1] },
        "spring":     { "$type": "cubicBezier", "$value": [0.5, -0.2, 0.5, 1.4] }
      }
    },
    "elevation": {
      "z-base":    { "$type": "number", "$value": 0 },
      "z-content": { "$type": "number", "$value": 10 },
      "z-sticky":  { "$type": "number", "$value": 100 },
      "z-overlay": { "$type": "number", "$value": 1000, "$description": "Tooltip, popover, dropdown." },
      "z-modal":   { "$type": "number", "$value": 1100, "$description": "Dialog, sheet." },
      "z-toast":   { "$type": "number", "$value": 1200, "$description": "Toast — above modal." }
    }
  }
}