{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "IzyPagos Design Tokens v1.0 — fuente única para diseño y desarrollo.",
  "color": {
    "brand": {
      "azul": {
        "50":  { "$value": "#EAF1FF", "$type": "color" },
        "500": { "$value": "#3D82FF", "$type": "color", "$description": "Fill claro / hover" },
        "600": { "$value": "#1466FF", "$type": "color", "$description": "Primario" },
        "700": { "$value": "#0B4ED1", "$type": "color", "$description": "Texto/enlace accesible" },
        "900": { "$value": "#0A2A66", "$type": "color" }
      },
      "cian": {
        "500": { "$value": "#17C1E8", "$type": "color", "$description": "Secundario" },
        "700": { "$value": "#0E7C97", "$type": "color", "$description": "Texto cian accesible" }
      },
      "noche": { "$value": "#070C18", "$type": "color", "$description": "Base tema oscuro" }
    },
    "neutral": {
      "tinta-900": { "$value": "#0B1524", "$type": "color" },
      "tinta-700": { "$value": "#334155", "$type": "color" },
      "tinta-500": { "$value": "#64748B", "$type": "color" },
      "tinta-300": { "$value": "#CBD5E1", "$type": "color" },
      "tinta-200": { "$value": "#E2E8F0", "$type": "color" },
      "tinta-100": { "$value": "#F1F5F9", "$type": "color" },
      "nube":      { "$value": "#F6F8FC", "$type": "color" },
      "blanco":    { "$value": "#FFFFFF", "$type": "color" }
    },
    "semantic": {
      "exito":  { "$value": "#12B76A", "$type": "color", "$description": "Pago aprobado" },
      "alerta": { "$value": "#F79009", "$type": "color" },
      "error":  { "$value": "#F04438", "$type": "color", "$description": "Rechazo/declinado — nunca color de marca" },
      "info":   { "$value": "#1466FF", "$type": "color" }
    }
  },
  "font": {
    "family": {
      "display": { "$value": "Sora, system-ui, sans-serif", "$type": "fontFamily" },
      "body":    { "$value": "Inter, system-ui, sans-serif", "$type": "fontFamily" },
      "mono":    { "$value": "'IBM Plex Mono', ui-monospace, monospace", "$type": "fontFamily" }
    },
    "weight": {
      "read": { "$value": 400, "$type": "fontWeight" },
      "emphasize": { "$value": 500, "$type": "fontWeight" },
      "announce": { "$value": 600, "$type": "fontWeight" },
      "display": { "$value": 700, "$type": "fontWeight" }
    },
    "size": {
      "display": { "$value": "clamp(2.75rem,1.6rem + 4vw,4.5rem)", "$type": "dimension" },
      "h1": { "$value": "clamp(2rem,1.4rem + 2.2vw,3rem)", "$type": "dimension" },
      "h2": { "$value": "clamp(1.5rem,1.2rem + 1.1vw,2rem)", "$type": "dimension" },
      "h3": { "$value": "1.375rem", "$type": "dimension" },
      "body-lg": { "$value": "1.125rem", "$type": "dimension" },
      "body": { "$value": "1rem", "$type": "dimension" },
      "sm": { "$value": "0.875rem", "$type": "dimension" },
      "caption": { "$value": "0.75rem", "$type": "dimension" }
    }
  },
  "space": {
    "1": { "$value": "4px", "$type": "dimension" },
    "2": { "$value": "8px", "$type": "dimension" },
    "3": { "$value": "12px", "$type": "dimension" },
    "4": { "$value": "16px", "$type": "dimension" },
    "5": { "$value": "24px", "$type": "dimension" },
    "6": { "$value": "32px", "$type": "dimension" },
    "7": { "$value": "48px", "$type": "dimension" },
    "8": { "$value": "64px", "$type": "dimension" }
  },
  "radius": {
    "sm": { "$value": "8px", "$type": "dimension" },
    "md": { "$value": "12px", "$type": "dimension" },
    "lg": { "$value": "16px", "$type": "dimension" },
    "xl": { "$value": "24px", "$type": "dimension" },
    "pill": { "$value": "999px", "$type": "dimension" }
  },
  "shadow": {
    "1": { "$value": "0 1px 2px rgba(11,21,36,.06), 0 1px 1px rgba(11,21,36,.04)", "$type": "shadow" },
    "2": { "$value": "0 4px 12px rgba(11,21,36,.08)", "$type": "shadow" },
    "3": { "$value": "0 12px 28px rgba(11,21,36,.12)", "$type": "shadow" }
  },
  "breakpoint": {
    "sm": { "$value": "600px", "$type": "dimension" },
    "md": { "$value": "768px", "$type": "dimension" },
    "lg": { "$value": "1024px", "$type": "dimension" },
    "xl": { "$value": "1280px", "$type": "dimension" },
    "2xl": { "$value": "1536px", "$type": "dimension" }
  }
}