{
  "$description": "Milpa design tokens — dark-first. Secundario=olivo (marca), info=cielo (semántico). Todos los pares AA verificados.",
  "color": {
    "tierra": {
      "50": { "$type": "color", "$value": "#FAF5EF" },
      "100": { "$type": "color", "$value": "#ECE6D8" },
      "200": { "$type": "color", "$value": "#E3D7CC" },
      "300": { "$type": "color", "$value": "#CBBFB4" },
      "400": { "$type": "color", "$value": "#B4A99E" },
      "500": { "$type": "color", "$value": "#9D9388" },
      "600": { "$type": "color", "$value": "#847A70" },
      "700": { "$type": "color", "$value": "#6B6157" },
      "800": { "$type": "color", "$value": "#51483F" },
      "900": { "$type": "color", "$value": "#372F27" },
      "950": { "$type": "color", "$value": "#17120D" }
    },
    "oro": {
      "50": { "$type": "color", "$value": "#FFF4E3" },
      "100": { "$type": "color", "$value": "#FFE8C2" },
      "200": { "$type": "color", "$value": "#FFD286" },
      "300": { "$type": "color", "$value": "#E8B14C" },
      "400": { "$type": "color", "$value": "#DC9E12" },
      "500": { "$type": "color", "$value": "#C18900" },
      "600": { "$type": "color", "$value": "#A27200" },
      "700": { "$type": "color", "$value": "#825B00" },
      "800": { "$type": "color", "$value": "#624400" },
      "900": { "$type": "color", "$value": "#422C00" },
      "950": { "$type": "color", "$value": "#211400" }
    },
    "olivo": {
      "$description": "Verde vivo de la milpa — secundario / marca fría. Reemplaza al viejo azul.",
      "50": { "$type": "color", "$value": "#F4F7F0" },
      "100": { "$type": "color", "$value": "#E8EEDD" },
      "200": { "$type": "color", "$value": "#D3DFBE" },
      "300": { "$type": "color", "$value": "#B7CA94" },
      "400": { "$type": "color", "$value": "#9CB668" },
      "500": { "$type": "color", "$value": "#85A143" },
      "600": { "$type": "color", "$value": "#6D882D" },
      "700": { "$type": "color", "$value": "#566D19" },
      "800": { "$type": "color", "$value": "#485C17" },
      "900": { "$type": "color", "$value": "#293701" },
      "950": { "$type": "color", "$value": "#121B00" }
    },
    "cielo": {
      "$description": "Azul semántico — SOLO para el estado info. No es la marca.",
      "50": { "$type": "color", "$value": "#F0F6FF" },
      "100": { "$type": "color", "$value": "#DFEDFF" },
      "200": { "$type": "color", "$value": "#C0DCFF" },
      "300": { "$type": "color", "$value": "#97C5FF" },
      "400": { "$type": "color", "$value": "#6CADFF" },
      "500": { "$type": "color", "$value": "#4796F5" },
      "600": { "$type": "color", "$value": "#317CD5" },
      "700": { "$type": "color", "$value": "#1E63B2" },
      "800": { "$type": "color", "$value": "#1A5395" },
      "900": { "$type": "color", "$value": "#033061" },
      "950": { "$type": "color", "$value": "#001735" }
    },
    "success": {
      "50": { "$type": "color", "$value": "#E1FFE6" },
      "100": { "$type": "color", "$value": "#CAFAD2" },
      "200": { "$type": "color", "$value": "#A7EDB5" },
      "300": { "$type": "color", "$value": "#81D995" },
      "400": { "$type": "color", "$value": "#5EC478" },
      "500": { "$type": "color", "$value": "#41AE61" },
      "600": { "$type": "color", "$value": "#27934B" },
      "700": { "$type": "color", "$value": "#0F7737" },
      "800": { "$type": "color", "$value": "#005A26" },
      "900": { "$type": "color", "$value": "#003C17" },
      "950": { "$type": "color", "$value": "#001E08" }
    },
    "warning": {
      "50": { "$type": "color", "$value": "#FFF3ED" },
      "100": { "$type": "color", "$value": "#FFE5D8" },
      "200": { "$type": "color", "$value": "#FFCDB2" },
      "300": { "$type": "color", "$value": "#FFAB7B" },
      "400": { "$type": "color", "$value": "#F78A47" },
      "500": { "$type": "color", "$value": "#E07227" },
      "600": { "$type": "color", "$value": "#C15A04" },
      "700": { "$type": "color", "$value": "#9C4700" },
      "800": { "$type": "color", "$value": "#763400" },
      "900": { "$type": "color", "$value": "#502100" },
      "950": { "$type": "color", "$value": "#2A0E00" }
    },
    "danger": {
      "50": { "$type": "color", "$value": "#FFF3F1" },
      "100": { "$type": "color", "$value": "#FFE4E0" },
      "200": { "$type": "color", "$value": "#FFCBC4" },
      "300": { "$type": "color", "$value": "#FFA79B" },
      "400": { "$type": "color", "$value": "#FF7F71" },
      "500": { "$type": "color", "$value": "#EA6356" },
      "600": { "$type": "color", "$value": "#CB4C41" },
      "700": { "$type": "color", "$value": "#A8372F" },
      "800": { "$type": "color", "$value": "#82241E" },
      "900": { "$type": "color", "$value": "#5A1410" },
      "950": { "$type": "color", "$value": "#310504" }
    }
  },
  "theme": {
    "dark": {
      "bg": { "$type": "color", "$value": "{color.tierra.950}" },
      "surface": { "$type": "color", "$value": "{color.tierra.900}" },
      "surface-raised": { "$type": "color", "$value": "{color.tierra.800}" },
      "overlay": { "$type": "color", "$value": "{color.tierra.800}" },
      "border-subtle": { "$type": "color", "$value": "{color.tierra.800}" },
      "border": { "$type": "color", "$value": "{color.tierra.700}" },
      "border-strong": { "$type": "color", "$value": "{color.tierra.600}" },
      "text": { "$type": "color", "$value": "{color.tierra.50}" },
      "text-secondary": { "$type": "color", "$value": "{color.tierra.300}" },
      "text-muted": { "$type": "color", "$value": "{color.tierra.400}" },
      "text-on-accent": { "$type": "color", "$value": "{color.tierra.950}" },
      "on-danger": { "$type": "color", "$value": "{color.tierra.950}" },
      "on-secondary": { "$type": "color", "$value": "{color.tierra.950}" },
      "accent": { "$type": "color", "$value": "{color.oro.300}" },
      "accent-hover": { "$type": "color", "$value": "{color.oro.200}" },
      "accent-active": { "$type": "color", "$value": "{color.oro.400}" },
      "accent-subtle": { "$type": "color", "$value": "{color.oro.950}" },
      "accent-text": { "$type": "color", "$value": "{color.oro.300}" },
      "secondary": { "$type": "color", "$value": "{color.olivo.500}" },
      "secondary-hover": { "$type": "color", "$value": "{color.olivo.400}" },
      "secondary-active": { "$type": "color", "$value": "{color.olivo.600}" },
      "secondary-subtle": { "$type": "color", "$value": "{color.olivo.950}" },
      "secondary-border": { "$type": "color", "$value": "{color.olivo.800}" },
      "secondary-text": { "$type": "color", "$value": "{color.olivo.400}" },
      "success": { "$type": "color", "$value": "{color.success.400}" },
      "success-bg": { "$type": "color", "$value": "{color.success.950}" },
      "success-border": { "$type": "color", "$value": "{color.success.800}" },
      "warning": { "$type": "color", "$value": "{color.warning.400}" },
      "warning-bg": { "$type": "color", "$value": "{color.warning.950}" },
      "warning-border": { "$type": "color", "$value": "{color.warning.800}" },
      "danger": { "$type": "color", "$value": "{color.danger.400}" },
      "danger-hover": { "$type": "color", "$value": "{color.danger.300}" },
      "danger-active": { "$type": "color", "$value": "{color.danger.500}" },
      "danger-bg": { "$type": "color", "$value": "{color.danger.950}" },
      "danger-border": { "$type": "color", "$value": "{color.danger.800}" },
      "info": { "$type": "color", "$value": "{color.cielo.400}" },
      "info-bg": { "$type": "color", "$value": "{color.cielo.950}" },
      "info-border": { "$type": "color", "$value": "{color.cielo.800}" },
      "focus": { "$type": "color", "$value": "{color.oro.300}" },
      "syntax-bg": { "$type": "color", "$value": "{color.tierra.950}", "$description": "syntax highlighting — cada color verificado AA 4.5:1 sobre syntax-bg en ambos temas (npm test); el highlighter (Shiki/Prism) solo mapea a estas variables" },
      "syntax-text": { "$type": "color", "$value": "{color.tierra.50}" },
      "syntax-keyword": { "$type": "color", "$value": "{color.oro.300}" },
      "syntax-string": { "$type": "color", "$value": "{color.olivo.400}" },
      "syntax-comment": { "$type": "color", "$value": "{color.tierra.400}" },
      "syntax-function": { "$type": "color", "$value": "{color.warning.400}" },
      "syntax-number": { "$type": "color", "$value": "{color.cielo.400}" },
      "syntax-punctuation": { "$type": "color", "$value": "{color.tierra.300}" },
      "syntax-variable": { "$type": "color", "$value": "{color.tierra.50}" },
      "syntax-tag": { "$type": "color", "$value": "{color.danger.400}" },
      "syntax-attribute": { "$type": "color", "$value": "{color.success.400}" },
      "viz-1": { "$type": "color", "$value": "{color.oro.300}", "$description": "paleta categórica de charts — 3:1 sobre bg y surface en ambos temas (npm test); separación de matiz/luminancia entre las 6 series verificada para daltonismo (ningún par con ΔY<0.05 y Δhue<40°): el racimo cálido oro/warning/danger se separa por luminancia, los verdes olivo/success por matiz (~60°)" },
      "viz-2": { "$type": "color", "$value": "{color.cielo.400}" },
      "viz-3": { "$type": "color", "$value": "{color.olivo.400}" },
      "viz-4": { "$type": "color", "$value": "{color.danger.500}" },
      "viz-5": { "$type": "color", "$value": "{color.success.400}" },
      "viz-6": { "$type": "color", "$value": "{color.warning.400}" },
      "viz-1-active": { "$type": "color", "$value": "{color.oro.400}", "$description": "auto-borde de los fills viz (regla 4): un paso más profundo de su propia serie" },
      "viz-2-active": { "$type": "color", "$value": "{color.cielo.500}" },
      "viz-3-active": { "$type": "color", "$value": "{color.olivo.500}" },
      "viz-4-active": { "$type": "color", "$value": "{color.danger.600}" },
      "viz-5-active": { "$type": "color", "$value": "{color.success.500}" },
      "viz-6-active": { "$type": "color", "$value": "{color.warning.500}" }
    },
    "light": {
      "bg": { "$type": "color", "$value": "{color.tierra.100}" },
      "surface": { "$type": "color", "$value": "{color.tierra.50}" },
      "surface-raised": { "$type": "color", "$value": "{color.tierra.50}" },
      "overlay": { "$type": "color", "$value": "{color.tierra.50}" },
      "border-subtle": { "$type": "color", "$value": "{color.tierra.300}" },
      "border": { "$type": "color", "$value": "{color.tierra.600}" },
      "border-strong": { "$type": "color", "$value": "{color.tierra.700}" },
      "text": { "$type": "color", "$value": "{color.tierra.950}" },
      "text-secondary": { "$type": "color", "$value": "{color.tierra.800}" },
      "text-muted": { "$type": "color", "$value": "{color.tierra.700}" },
      "text-on-accent": { "$type": "color", "$value": "{color.tierra.950}" },
      "on-danger": { "$type": "color", "$value": "{color.tierra.50}" },
      "on-secondary": { "$type": "color", "$value": "{color.tierra.50}" },
      "accent": { "$type": "color", "$value": "{color.oro.600}" },
      "accent-hover": { "$type": "color", "$value": "{color.oro.700}" },
      "accent-active": { "$type": "color", "$value": "{color.oro.800}" },
      "accent-subtle": { "$type": "color", "$value": "{color.oro.100}" },
      "accent-text": { "$type": "color", "$value": "{color.oro.700}" },
      "secondary": { "$type": "color", "$value": "{color.olivo.800}" },
      "secondary-hover": { "$type": "color", "$value": "{color.olivo.900}" },
      "secondary-active": { "$type": "color", "$value": "{color.olivo.900}" },
      "secondary-subtle": { "$type": "color", "$value": "{color.olivo.100}" },
      "secondary-border": { "$type": "color", "$value": "{color.olivo.300}" },
      "secondary-text": { "$type": "color", "$value": "{color.olivo.700}" },
      "success": { "$type": "color", "$value": "{color.success.700}" },
      "success-bg": { "$type": "color", "$value": "{color.success.100}" },
      "success-border": { "$type": "color", "$value": "{color.success.300}" },
      "warning": { "$type": "color", "$value": "{color.warning.700}" },
      "warning-bg": { "$type": "color", "$value": "{color.warning.100}" },
      "warning-border": { "$type": "color", "$value": "{color.warning.300}" },
      "danger": { "$type": "color", "$value": "{color.danger.700}" },
      "danger-hover": { "$type": "color", "$value": "{color.danger.800}" },
      "danger-active": { "$type": "color", "$value": "{color.danger.900}" },
      "danger-bg": { "$type": "color", "$value": "{color.danger.100}" },
      "danger-border": { "$type": "color", "$value": "{color.danger.300}" },
      "info": { "$type": "color", "$value": "{color.cielo.700}" },
      "info-bg": { "$type": "color", "$value": "{color.cielo.100}" },
      "info-border": { "$type": "color", "$value": "{color.cielo.300}" },
      "focus": { "$type": "color", "$value": "{color.oro.700}" },
      "syntax-bg": { "$type": "color", "$value": "{color.tierra.50}" },
      "syntax-text": { "$type": "color", "$value": "{color.tierra.950}" },
      "syntax-keyword": { "$type": "color", "$value": "{color.oro.700}" },
      "syntax-string": { "$type": "color", "$value": "{color.olivo.700}" },
      "syntax-comment": { "$type": "color", "$value": "{color.tierra.700}" },
      "syntax-function": { "$type": "color", "$value": "{color.warning.700}" },
      "syntax-number": { "$type": "color", "$value": "{color.cielo.700}" },
      "syntax-punctuation": { "$type": "color", "$value": "{color.tierra.800}" },
      "syntax-variable": { "$type": "color", "$value": "{color.tierra.950}" },
      "syntax-tag": { "$type": "color", "$value": "{color.danger.700}" },
      "syntax-attribute": { "$type": "color", "$value": "{color.success.700}" },
      "viz-1": { "$type": "color", "$value": "{color.oro.600}" },
      "viz-2": { "$type": "color", "$value": "{color.cielo.700}" },
      "viz-3": { "$type": "color", "$value": "{color.olivo.700}" },
      "viz-4": { "$type": "color", "$value": "{color.danger.800}" },
      "viz-5": { "$type": "color", "$value": "{color.success.800}" },
      "viz-6": { "$type": "color", "$value": "{color.warning.700}" },
      "viz-1-active": { "$type": "color", "$value": "{color.oro.700}" },
      "viz-2-active": { "$type": "color", "$value": "{color.cielo.800}" },
      "viz-3-active": { "$type": "color", "$value": "{color.olivo.800}" },
      "viz-4-active": { "$type": "color", "$value": "{color.danger.900}" },
      "viz-5-active": { "$type": "color", "$value": "{color.success.900}" },
      "viz-6-active": { "$type": "color", "$value": "{color.warning.800}" }
    }
  },
  "fontFamily": {
    "heading": { "$type": "fontFamily", "$value": "'Space Grotesk', system-ui, sans-serif" },
    "body":    { "$type": "fontFamily", "$value": "'Space Grotesk', system-ui, sans-serif" },
    "serif":   { "$type": "fontFamily", "$value": "var(--font-body)" },
    "mono":    { "$type": "fontFamily", "$value": "'Space Mono', ui-monospace, monospace" }
  },
  "fontSize": {
    "2xs": { "$type": "dimension", "$value": "0.6875rem" },
    "xs": { "$type": "dimension", "$value": "0.75rem" },
    "sm": { "$type": "dimension", "$value": "0.875rem" },
    "base": { "$type": "dimension", "$value": "1rem" },
    "lg": { "$type": "dimension", "$value": "1.125rem" },
    "xl": { "$type": "dimension", "$value": "1.25rem" },
    "2xl": { "$type": "dimension", "$value": "1.5rem" },
    "3xl": { "$type": "dimension", "$value": "1.875rem" },
    "4xl": { "$type": "dimension", "$value": "2.375rem" },
    "5xl": { "$type": "dimension", "$value": "3rem" },
    "6xl": { "$type": "dimension", "$value": "3.75rem" }
  },
  "lineHeight": {
    "tight": { "$type": "number", "$value": 1.1 },
    "snug": { "$type": "number", "$value": 1.25 },
    "normal": { "$type": "number", "$value": 1.5 },
    "relaxed": { "$type": "number", "$value": 1.7 }
  },
  "fontWeight": {
    "regular": { "$type": "fontWeight", "$value": 400 },
    "medium": { "$type": "fontWeight", "$value": 500 },
    "semibold": { "$type": "fontWeight", "$value": 600 },
    "bold": { "$type": "fontWeight", "$value": 700 }
  },
  "letterSpacing": {
    "tight": { "$type": "dimension", "$value": "-0.02em" },
    "normal": { "$type": "dimension", "$value": "0em" },
    "wide": { "$type": "dimension", "$value": "0.02em" },
    "display": { "$type": "dimension", "$value": "-0.03em" }
  },
  "space": {
    "0": { "$type": "dimension", "$value": "0" },
    "px": { "$type": "dimension", "$value": "1px" },
    "0_5": { "$type": "dimension", "$value": "0.125rem" },
    "1": { "$type": "dimension", "$value": "0.25rem" },
    "1_5": { "$type": "dimension", "$value": "0.375rem" },
    "2": { "$type": "dimension", "$value": "0.5rem" },
    "3": { "$type": "dimension", "$value": "0.75rem" },
    "4": { "$type": "dimension", "$value": "1rem" },
    "5": { "$type": "dimension", "$value": "1.25rem" },
    "6": { "$type": "dimension", "$value": "1.5rem" },
    "8": { "$type": "dimension", "$value": "2rem" },
    "10": { "$type": "dimension", "$value": "2.5rem" },
    "12": { "$type": "dimension", "$value": "3rem" },
    "16": { "$type": "dimension", "$value": "4rem" },
    "20": { "$type": "dimension", "$value": "5rem" },
    "24": { "$type": "dimension", "$value": "6rem" },
    "32": { "$type": "dimension", "$value": "8rem" }
  },
  "radius": {
    "none": { "$type": "dimension", "$value": "0" },
    "xs": { "$type": "dimension", "$value": "0.25rem" },
    "sm": { "$type": "dimension", "$value": "0.375rem" },
    "base": { "$type": "dimension", "$value": "0.5rem" },
    "md": { "$type": "dimension", "$value": "0.625rem" },
    "lg": { "$type": "dimension", "$value": "0.875rem" },
    "xl": { "$type": "dimension", "$value": "1.25rem" },
    "2xl": { "$type": "dimension", "$value": "1.75rem" },
    "full": { "$type": "dimension", "$value": "9999px" }
  },
  "zIndex": {
    "base": { "$type": "number", "$value": 0 },
    "dropdown": { "$type": "number", "$value": 1000 },
    "sticky": { "$type": "number", "$value": 1100 },
    "backdrop": { "$type": "number", "$value": 1200 },
    "drawer": { "$type": "number", "$value": 1300 },
    "modal": { "$type": "number", "$value": 1400 },
    "popover": { "$type": "number", "$value": 1500 },
    "toast": { "$type": "number", "$value": 1600 },
    "tooltip": { "$type": "number", "$value": 1700 }
  },
  "duration": {
    "instant": { "$type": "duration", "$value": "0ms" },
    "fast": { "$type": "duration", "$value": "120ms" },
    "base": { "$type": "duration", "$value": "200ms" },
    "moderate": { "$type": "duration", "$value": "320ms" },
    "slow": { "$type": "duration", "$value": "480ms" },
    "deliberate": { "$type": "duration", "$value": "720ms" }
  },
  "easing": {
    "standard": { "$type": "cubicBezier", "$value": [0.4, 0, 0.2, 1] },
    "settle": { "$type": "cubicBezier", "$value": [0.2, 0.8, 0.2, 1] },
    "grano": { "$type": "cubicBezier", "$value": [0.16, 1, 0.3, 1] },
    "in": { "$type": "cubicBezier", "$value": [0.4, 0, 1, 1] },
    "linear": { "$type": "cubicBezier", "$value": [0, 0, 1, 1] }
  },
  "stagger": {
    "tight": { "$type": "duration", "$value": "40ms" },
    "base": { "$type": "duration", "$value": "70ms" },
    "loose": { "$type": "duration", "$value": "120ms" }
  },
  "rise": {
    "sm": { "$type": "dimension", "$value": "8px" },
    "base": { "$type": "dimension", "$value": "16px" },
    "lg": { "$type": "dimension", "$value": "32px" }
  },
  "elevation": {
    "dark": {
      "sm": { "$type": "shadow", "$value": "0 1px 2px rgba(0,0,0,0.4)" },
      "base": { "$type": "shadow", "$value": "0 2px 8px rgba(0,0,0,0.45)" },
      "md": { "$type": "shadow", "$value": "0 8px 24px rgba(0,0,0,0.5)" },
      "lg": { "$type": "shadow", "$value": "0 16px 48px rgba(0,0,0,0.55)" }
    },
    "light": {
      "sm": { "$type": "shadow", "$value": "0 1px 2px rgba(23,18,13,0.08)" },
      "base": { "$type": "shadow", "$value": "0 2px 8px rgba(23,18,13,0.1)" },
      "md": { "$type": "shadow", "$value": "0 8px 24px rgba(23,18,13,0.12)" },
      "lg": { "$type": "shadow", "$value": "0 16px 48px rgba(23,18,13,0.14)" }
    }
  },
  "size": {
    "focus-width":     { "$type": "dimension", "$value": "2px" },
    "focus-offset":    { "$type": "dimension", "$value": "2px" },
    "border-width":    { "$type": "dimension", "$value": "1px" },
    "container-max":   { "$type": "dimension", "$value": "72rem" },
    "container-narrow":{ "$type": "dimension", "$value": "48rem" },
    "container-wide":  { "$type": "dimension", "$value": "90rem" },
    "header-h":        { "$type": "dimension", "$value": "3.5rem" },
    "sidebar-w":       { "$type": "dimension", "$value": "16rem" },
    "drawer-width":    { "$type": "dimension", "$value": "26rem" },
    "measure":         { "$type": "dimension", "$value": "65ch" }
  },
  "effect": {
    "border-style":     { "$type": "other", "$value": "solid" },
    "surface-backdrop": { "$type": "other", "$value": "none" },
    "blur-sm":          { "$type": "dimension", "$value": "2px" },
    "blur-base":        { "$type": "dimension", "$value": "4px" },
    "blur-lg":          { "$type": "dimension", "$value": "10px" }
  },
  "textStyle": {
    "display": { "$type": "typography", "$value": { "fontFamily": "{fontFamily.heading}", "fontSize": "{fontSize.5xl}", "fontWeight": "{fontWeight.medium}", "lineHeight": "{lineHeight.tight}", "letterSpacing": "{letterSpacing.display}" } },
    "heading": { "$type": "typography", "$value": { "fontFamily": "{fontFamily.heading}", "fontSize": "{fontSize.2xl}", "fontWeight": "{fontWeight.medium}", "lineHeight": "{lineHeight.snug}", "letterSpacing": "{letterSpacing.tight}" } },
    "body": { "$type": "typography", "$value": { "fontFamily": "{fontFamily.body}", "fontSize": "{fontSize.base}", "fontWeight": "{fontWeight.regular}", "lineHeight": "{lineHeight.normal}", "letterSpacing": "{letterSpacing.normal}" } },
    "caption": { "$type": "typography", "$value": { "fontFamily": "{fontFamily.body}", "fontSize": "{fontSize.sm}", "fontWeight": "{fontWeight.regular}", "lineHeight": "{lineHeight.normal}", "letterSpacing": "{letterSpacing.normal}" } },
    "code": { "$type": "typography", "$value": { "fontFamily": "{fontFamily.mono}", "fontSize": "{fontSize.sm}", "fontWeight": "{fontWeight.regular}", "lineHeight": "{lineHeight.normal}", "letterSpacing": "{letterSpacing.normal}" } }
  }
}