{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "MirAI design tokens — W3C Design Tokens Community Group format. Compatible with Style Dictionary, Specify, Cobalt, and other DTCG-aware tools. Compile to platform-specific targets via tokens/style-dictionary.config.js.",
  "color": {
    "$description": "Tri-color restrictive palette. Do NOT add new hues. All grays are derived as alpha of pure black.",
    "white": { "$value": "#FFFFFF", "$type": "color" },
    "black": { "$value": "#000000", "$type": "color" },
    "blue":  { "$value": "#556DD7", "$type": "color" },
    "text": {
      "primary":   { "$value": "rgba(0,0,0,1.00)", "$type": "color" },
      "secondary": { "$value": "rgba(0,0,0,0.65)", "$type": "color" },
      "tertiary":  { "$value": "rgba(0,0,0,0.45)", "$type": "color" }
    },
    "border": {
      "subtle": { "$value": "rgba(0,0,0,0.15)", "$type": "color" },
      "strong": { "$value": "rgba(0,0,0,1.00)", "$type": "color" }
    },
    "surface": {
      "default": { "$value": "{color.white}",        "$type": "color" },
      "inverse": { "$value": "{color.black}",        "$type": "color" },
      "muted":   { "$value": "rgba(0,0,0,0.04)",     "$type": "color" },
      "hover":   { "$value": "rgba(0,0,0,0.06)",     "$type": "color" },
      "press":   { "$value": "rgba(0,0,0,0.10)",     "$type": "color" }
    },
    "blueAlpha": {
      "04":  { "$value": "rgba(85,109,215,0.04)", "$type": "color" },
      "08":  { "$value": "rgba(85,109,215,0.08)", "$type": "color" },
      "15":  { "$value": "rgba(85,109,215,0.15)", "$type": "color" },
      "30":  { "$value": "rgba(85,109,215,0.30)", "$type": "color" },
      "100": { "$value": "{color.blue}",          "$type": "color" }
    }
  },
  "font": {
    "family": {
      "sans": { "$value": "Space Grotesk, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif", "$type": "fontFamily" },
      "mono": { "$value": "Space Grotesk, ui-monospace, SF Mono, Menlo, monospace", "$type": "fontFamily" }
    },
    "weight": {
      "regular":  { "$value": 400, "$type": "fontWeight" },
      "medium":   { "$value": 500, "$type": "fontWeight" },
      "semibold": { "$value": 600, "$type": "fontWeight" },
      "bold":     { "$value": 700, "$type": "fontWeight" }
    },
    "size": {
      "display": { "$value": "48px", "$type": "dimension" },
      "h2":      { "$value": "32px", "$type": "dimension" },
      "h3":      { "$value": "24px", "$type": "dimension" },
      "h4":      { "$value": "20px", "$type": "dimension" },
      "bodyLg":  { "$value": "18px", "$type": "dimension" },
      "body":    { "$value": "16px", "$type": "dimension" },
      "sm":      { "$value": "14px", "$type": "dimension" },
      "xs":      { "$value": "12px", "$type": "dimension" }
    },
    "lineHeight": {
      "tight": { "$value": 1.10, "$type": "number" },
      "snug":  { "$value": 1.25, "$type": "number" },
      "body":  { "$value": 1.50, "$type": "number" }
    },
    "tracking": {
      "tight":  { "$value": "-0.02em", "$type": "dimension" },
      "normal": { "$value": "0",       "$type": "dimension" },
      "wide":   { "$value": "0.04em",  "$type": "dimension" },
      "caps":   { "$value": "0.08em",  "$type": "dimension" }
    }
  },
  "space": {
    "$description": "4-pt base. No half-steps. No new values.",
    "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" }
  },
  "radius": {
    "$description": "Duality: structural = 0 or 4, interactive = 8.",
    "none":        { "$value": "0px",   "$type": "dimension" },
    "structural": { "$value": "4px",   "$type": "dimension" },
    "interactive":{ "$value": "8px",   "$type": "dimension" },
    "pill":        { "$value": "999px", "$type": "dimension" }
  },
  "shadow": {
    "$description": "Brutalist hard shadows only. Solid, unblurred, geometric offset.",
    "hardSm": {
      "$value": { "offsetX": "2px", "offsetY": "2px", "blur": "0px", "spread": "0px", "color": "#000000" },
      "$type": "shadow"
    },
    "hard": {
      "$value": { "offsetX": "4px", "offsetY": "4px", "blur": "0px", "spread": "0px", "color": "#000000" },
      "$type": "shadow"
    },
    "hardLg": {
      "$value": { "offsetX": "6px", "offsetY": "6px", "blur": "0px", "spread": "0px", "color": "#000000" },
      "$type": "shadow"
    },
    "hardBlue": {
      "$value": { "offsetX": "4px", "offsetY": "4px", "blur": "0px", "spread": "0px", "color": "#556DD7" },
      "$type": "shadow"
    }
  },
  "motion": {
    "duration": {
      "fast": { "$value": "120ms", "$type": "duration" },
      "base": { "$value": "180ms", "$type": "duration" },
      "slow": { "$value": "280ms", "$type": "duration" }
    },
    "easing": {
      "out":   { "$value": "cubic-bezier(0.2, 0.8, 0.2, 1)", "$type": "cubicBezier" },
      "inOut": { "$value": "cubic-bezier(0.4, 0, 0.2, 1)",   "$type": "cubicBezier" }
    }
  },
  "layout": {
    "maxContent": { "$value": "1280px", "$type": "dimension" },
    "gridBorder": { "$value": "1px",    "$type": "dimension" }
  }
}