{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Propmind — sub-brand independiente (no hereda de Spotmind). Identidad 'PropTech Moderno': automatización, eficiencia y dinamismo. Azul Cobalto dominante, Verde Menta/Turquesa para sincronización y estado activo, Cyan Eléctrico para CTA. 3 capas DTCG: primitive -> semantic -> component.",
  "primitive": {
    "$description": "Capa 1 — Core. Escalas cerradas. Nunca directo en UI.",
    "color": {
      "cobalt": {
        "$description": "Azul Cobalto dominante. Estructura, barras laterales e identidad gráfica principal. Ancla del brief: 700=#1E40AF.",
        "0": { "$type": "color", "$value": "#F5F8FF" },
        "50": { "$type": "color", "$value": "#EFF6FF" },
        "100": { "$type": "color", "$value": "#DBEAFE" },
        "200": { "$type": "color", "$value": "#BFDBFE" },
        "300": { "$type": "color", "$value": "#93C5FD" },
        "400": { "$type": "color", "$value": "#60A5FA" },
        "500": { "$type": "color", "$value": "#3B82F6" },
        "600": { "$type": "color", "$value": "#2563EB" },
        "700": { "$type": "color", "$value": "#1E40AF" },
        "800": { "$type": "color", "$value": "#1E3A8A" },
        "900": { "$type": "color", "$value": "#172554" },
        "950": { "$type": "color", "$value": "#101A3D" },
        "1000": { "$type": "color", "$value": "#0A1128" }
      },
      "mint": {
        "$description": "Verde Menta / Turquesa. Sincronización y fluidez: checklists, indicadores de sync automática y estado 'activo'. Ancla del brief: 500=#10B981.",
        "100": { "$type": "color", "$value": "#D1FAE5" },
        "200": { "$type": "color", "$value": "#A7F3D0" },
        "300": { "$type": "color", "$value": "#6EE7B7" },
        "400": { "$type": "color", "$value": "#34D399" },
        "500": { "$type": "color", "$value": "#10B981" }
      },
      "cyan": {
        "$description": "Azul Cyan Eléctrico. Acento / CTA: botones principales, enlaces y resaltados. Ancla del brief: 500=#06B6D4.",
        "100": { "$type": "color", "$value": "#CFFAFE" },
        "200": { "$type": "color", "$value": "#A5F3FC" },
        "300": { "$type": "color", "$value": "#67E8F9" },
        "400": { "$type": "color", "$value": "#22D3EE" },
        "500": { "$type": "color", "$value": "#06B6D4" },
        "600": { "$type": "color", "$value": "#0891B2" },
        "700": { "$type": "color", "$value": "#0E7490" }
      },
      "neutral": {
        "$description": "Slate gris frío. Superficies, textos y bordes. Ancla del brief: 600=#4B5563 (texto secundario).",
        "0": { "$type": "color", "$value": "#FFFFFF" },
        "50": { "$type": "color", "$value": "#F8FAFC" },
        "100": { "$type": "color", "$value": "#F1F5F9" },
        "200": { "$type": "color", "$value": "#E2E8F0" },
        "300": { "$type": "color", "$value": "#CBD5E1" },
        "400": { "$type": "color", "$value": "#94A3B8" },
        "500": { "$type": "color", "$value": "#64748B" },
        "600": { "$type": "color", "$value": "#4B5563" },
        "700": { "$type": "color", "$value": "#374151" },
        "800": { "$type": "color", "$value": "#1F2937" },
        "900": { "$type": "color", "$value": "#111827" },
        "950": { "$type": "color", "$value": "#0B1120" },
        "1000": { "$type": "color", "$value": "#05070D" }
      }
    },
    "font": {
      "family": {
        "display": { "$type": "fontFamily", "$value": "Inter, system-ui, sans-serif" },
        "body": { "$type": "fontFamily", "$value": "Inter, system-ui, sans-serif" },
        "mono": { "$type": "fontFamily", "$value": "JetBrains Mono, ui-monospace, monospace" }
      },
      "weight": {
        "light": { "$type": "fontWeight", "$value": "300" },
        "regular": { "$type": "fontWeight", "$value": "400" },
        "medium": { "$type": "fontWeight", "$value": "500" },
        "semibold": { "$type": "fontWeight", "$value": "600" },
        "bold": { "$type": "fontWeight", "$value": "700" },
        "extrabold": { "$type": "fontWeight", "$value": "800" },
        "black": { "$type": "fontWeight", "$value": "900" }
      }
    },
    "space": {
      "0": { "$type": "dimension", "$value": "0px" },
      "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" }
    },
    "radius": {
      "none": { "$type": "dimension", "$value": "0px" },
      "sm": { "$type": "dimension", "$value": "6px" },
      "md": { "$type": "dimension", "$value": "10px" },
      "lg": { "$type": "dimension", "$value": "14px" },
      "xl": { "$type": "dimension", "$value": "20px" },
      "full": { "$type": "dimension", "$value": "999px" }
    }
  },
  "semantic": {
    "$description": "Capa 2 — intención de uso. Usar SIEMPRE estos en vez de primitivos.",
    "color": {
      "brand": {
        "primary": { "$type": "color", "$value": "{primitive.color.cobalt.700}" },
        "secondary": { "$type": "color", "$value": "{primitive.color.cobalt.900}" },
        "accent": { "$type": "color", "$value": "{primitive.color.cyan.500}" }
      },
      "interactive": {
        "default": { "$type": "color", "$value": "{primitive.color.cyan.500}" },
        "hover": { "$type": "color", "$value": "{primitive.color.cyan.600}" },
        "active": { "$type": "color", "$value": "{primitive.color.cyan.700}" }
      },
      "surface": {
        "primary": { "$type": "color", "$value": "{primitive.color.neutral.0}" },
        "secondary": { "$type": "color", "$value": "{primitive.color.neutral.50}" },
        "tertiary": { "$type": "color", "$value": "{primitive.color.neutral.100}" },
        "inverse": { "$type": "color", "$value": "{primitive.color.cobalt.900}" },
        "brand": { "$type": "color", "$value": "{primitive.color.cobalt.700}" },
        "highlight": { "$type": "color", "$value": "{primitive.color.mint.100}" }
      },
      "text": {
        "primary": { "$type": "color", "$value": "{primitive.color.neutral.950}" },
        "secondary": { "$type": "color", "$value": "{primitive.color.neutral.600}" },
        "tertiary": { "$type": "color", "$value": "{primitive.color.neutral.500}" },
        "inverse": { "$type": "color", "$value": "{primitive.color.neutral.0}" },
        "brand": { "$type": "color", "$value": "{primitive.color.cobalt.700}" },
        "on-brand": { "$type": "color", "$value": "{primitive.color.neutral.0}" }
      },
      "border": {
        "subtle": { "$type": "color", "$value": "{primitive.color.neutral.200}" },
        "brand": { "$type": "color", "$value": "{primitive.color.cobalt.700}" },
        "focus": { "$type": "color", "$value": "{primitive.color.cyan.500}" }
      }
    },
    "font": {
      "display": { "$type": "fontFamily", "$value": "{primitive.font.family.display}" },
      "body": { "$type": "fontFamily", "$value": "{primitive.font.family.body}" }
    },
    "radius": {
      "default": { "$type": "dimension", "$value": "{primitive.radius.none}", "$description": "Esquinas rectas en toda la marca: botones, tarjetas, campos y etiquetas." }
    }
  },
  "component": {
    "$description": "Capa 3 — tokens de componentes.",
    "button": {
      "primary": {
        "background": { "$type": "color", "$value": "{semantic.color.interactive.default}" },
        "background-hover": { "$type": "color", "$value": "{semantic.color.interactive.hover}" },
        "text": { "$type": "color", "$value": "{semantic.color.text.inverse}" },
        "border": { "$type": "color", "$value": "{semantic.color.interactive.default}" }
      },
      "radius": { "$type": "dimension", "$value": "{semantic.radius.default}", "$description": "Botones con esquinas rectas, igual que el resto de la marca." }
    },
    "card": {
      "background": { "$type": "color", "$value": "{semantic.color.surface.primary}" },
      "border": { "$type": "color", "$value": "{semantic.color.border.subtle}" },
      "padding": { "$type": "dimension", "$value": "{primitive.space.6}" }
    },
    "badge": {
      "background": { "$type": "color", "$value": "{semantic.color.surface.highlight}" },
      "text": { "$type": "color", "$value": "{semantic.color.text.brand}" }
    }
  }
}