{
  "$description": "Tokens de https://vicentemolero.com/sistema (English: https://vicentemolero.com/en/system). Formato W3C Design Tokens. Reglas para agentes: https://vicentemolero.com/sistema/agentes.md",
  "color": {
    "$type": "color",
    "ink": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0392,
          0.0392,
          0.0392
        ],
        "alpha": 1,
        "hex": "#0a0a0a"
      },
      "$description": "Tinta · Titulares y texto principal · 19.8:1 sobre blanco (AAA)"
    },
    "body": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2275,
          0.2275,
          0.2275
        ],
        "alpha": 1,
        "hex": "#3a3a3a"
      },
      "$description": "Gris 1 · Texto de lectura en bloques · 11.4:1 sobre blanco (AAA)"
    },
    "muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.4196,
          0.4196,
          0.4196
        ],
        "alpha": 1,
        "hex": "#6b6b6b"
      },
      "$description": "Gris 2 · Texto de apoyo y navegación · 5.3:1 sobre blanco (AA)"
    },
    "faint": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.5412,
          0.5412,
          0.5412
        ],
        "alpha": 1,
        "hex": "#8a8a8a"
      },
      "$description": "Gris 3 · Etiquetas, números y adornos · 3.5:1 sobre blanco (Solo apoyo)"
    },
    "white": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "alpha": 1,
        "hex": "#ffffff"
      },
      "$description": "Fondo de la interfaz"
    },
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9529,
          0.9529,
          0.9529
        ],
        "alpha": 1,
        "hex": "#f3f3f3"
      },
      "$description": "Fondo de controles e imágenes que cargan"
    },
    "line": {
      "sep": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0,
            0
          ],
          "alpha": 0.08
        },
        "$description": "Separar sin cortar"
      },
      "border": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0,
            0
          ],
          "alpha": 0.14
        },
        "$description": "Bordes de botones y campos"
      }
    },
    "state": {
      "hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9216,
            0.9216,
            0.9216
          ],
          "alpha": 1,
          "hex": "#ebebeb"
        },
        "$description": "Hover · Al pasar el ratón sobre un fondo gris"
      },
      "green": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2627,
            0.7255,
            0.4
          ],
          "alpha": 1,
          "hex": "#43b966"
        },
        "$description": "Verde · Disponibilidad · en la web: oklch(0.7 0.16 150)"
      },
      "blue": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.051,
            0.6,
            1
          ],
          "alpha": 1,
          "hex": "#0d99ff"
        },
        "$description": "Azul de Figma · Marcos, foco y etiquetas de selección, como en Figma · 3.0:1 sobre blanco. Excepción: El único color que no pasa AA, y es a propósito: las etiquetas imitan la selección de Figma, y con un azul más oscuro el guiño deja de funcionar. Son textos cortos y decorativos."
      }
    }
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "sans": {
        "$value": [
          "Inter",
          "system-ui",
          "-apple-system",
          "sans-serif"
        ],
        "$description": "Para leer"
      },
      "mono": {
        "$value": [
          "IBM Plex Mono",
          "ui-monospace",
          "Menlo",
          "monospace"
        ],
        "$description": "Datos y etiquetas (t1), en mayúsculas"
      }
    },
    "weight": {
      "$type": "fontWeight",
      "regular": {
        "$value": 400
      },
      "medium": {
        "$value": 500,
        "$description": "Único peso de énfasis: no hay negrita"
      }
    }
  },
  "typography": {
    "$type": "typography",
    "$description": "8 tamaños, 2 pesos. fontSize es el de escritorio (≥1360px); los tres anchos están en $extensions.",
    "t1": {
      "$value": {
        "fontFamily": "{font.family.mono}",
        "fontSize": {
          "value": 11,
          "unit": "px"
        },
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": {
          "value": 0.44,
          "unit": "px"
        },
        "lineHeight": 1.45
      },
      "$description": "Etiquetas y datos",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 11,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 11,
              "unit": "px"
            },
            "<1080px": {
              "value": 11,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": 0.04,
            "unit": "em"
          }
        }
      }
    },
    "t2": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": {
          "value": -0.07,
          "unit": "px"
        },
        "lineHeight": 1.45
      },
      "$description": "Navegación, pies y metadatos",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 13,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 13,
              "unit": "px"
            },
            "<1080px": {
              "value": 13,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": -0.005,
            "unit": "em"
          }
        }
      }
    },
    "t3": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": {
          "value": -0.15,
          "unit": "px"
        },
        "lineHeight": 1.55
      },
      "$description": "Tarjetas y listas",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 15,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 15,
              "unit": "px"
            },
            "<1080px": {
              "value": 15,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": -0.01,
            "unit": "em"
          }
        }
      }
    },
    "t4": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": {
          "value": -0.22,
          "unit": "px"
        },
        "lineHeight": 1.6
      },
      "$description": "Texto de lectura",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 18,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 18,
              "unit": "px"
            },
            "<1080px": {
              "value": 17,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": -0.012,
            "unit": "em"
          }
        }
      }
    },
    "t5": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 22,
          "unit": "px"
        },
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": {
          "value": -0.33,
          "unit": "px"
        },
        "lineHeight": 1.45
      },
      "$description": "Entradillas",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 22,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 22,
              "unit": "px"
            },
            "<1080px": {
              "value": 20,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": -0.015,
            "unit": "em"
          }
        }
      }
    },
    "t6": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": "{font.weight.medium}",
        "letterSpacing": {
          "value": -0.48,
          "unit": "px"
        },
        "lineHeight": 1.25
      },
      "$description": "Subtítulos, decisiones y citas",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 24,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 24,
              "unit": "px"
            },
            "<1080px": {
              "value": 22,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": -0.02,
            "unit": "em"
          }
        }
      }
    },
    "t7": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 36,
          "unit": "px"
        },
        "fontWeight": "{font.weight.medium}",
        "letterSpacing": {
          "value": -1.01,
          "unit": "px"
        },
        "lineHeight": 1.1
      },
      "$description": "Títulos de sección",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 36,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 32,
              "unit": "px"
            },
            "<1080px": {
              "value": 28,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": -0.028,
            "unit": "em"
          }
        }
      }
    },
    "t8": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "fontWeight": "{font.weight.medium}",
        "letterSpacing": {
          "value": -1.68,
          "unit": "px"
        },
        "lineHeight": 1.05
      },
      "$description": "Titulares y cifras",
      "$extensions": {
        "com.vicentemolero.responsive": {
          "fontSize": {
            "≥1360px": {
              "value": 56,
              "unit": "px"
            },
            "1080–1359px": {
              "value": 48,
              "unit": "px"
            },
            "<1080px": {
              "value": 38,
              "unit": "px"
            }
          },
          "letterSpacing": {
            "value": -0.03,
            "unit": "em"
          }
        }
      }
    },
    "button": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": "{font.weight.regular}",
        "letterSpacing": {
          "value": -0.14,
          "unit": "px"
        },
        "lineHeight": 1
      },
      "$description": "Botones y enlaces · 14 px, peso 400 · fuera de la escala a propósito, para que se lean como acción"
    }
  },
  "space": {
    "4": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "8": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "12": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "16": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "24": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "32": {
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "48": {
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "64": {
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "96": {
      "$value": {
        "value": 96,
        "unit": "px"
      }
    },
    "128": {
      "$value": {
        "value": 128,
        "unit": "px"
      }
    },
    "$type": "dimension",
    "$description": "El espacio crece de 4 en 4 hasta 16 y después se dobla."
  },
  "radius": {
    "$type": "dimension",
    "tag": {
      "$value": {
        "value": 4,
        "unit": "px"
      },
      "$description": "etiquetas"
    },
    "card": {
      "$value": {
        "value": 8,
        "unit": "px"
      },
      "$description": "tarjetas"
    },
    "panel": {
      "$value": {
        "value": 16,
        "unit": "px"
      },
      "$description": "paneles"
    },
    "pill": {
      "$value": {
        "value": 999,
        "unit": "px"
      },
      "$description": "botones"
    }
  },
  "motion": {
    "easing": {
      "$type": "cubicBezier",
      "standard": {
        "$value": [
          0.22,
          1,
          0.36,
          1
        ],
        "$description": "Curva del sistema"
      },
      "enter": {
        "$value": [
          0.34,
          1.18,
          0.64,
          1
        ],
        "$description": "Solo hojas y paneles que entran"
      }
    },
    "duration": {
      "$type": "duration",
      "hover": {
        "$value": {
          "value": 150,
          "unit": "ms"
        },
        "$description": "Responder · Hover, pulsar, copiar"
      },
      "panel": {
        "$value": {
          "value": 300,
          "unit": "ms"
        },
        "$description": "Cambiar de estado · Menú, pestañas, visor de imágenes"
      },
      "enter": {
        "$value": {
          "value": 600,
          "unit": "ms"
        },
        "$description": "Entrar en pantalla · Contenido al hacer scroll"
      }
    }
  }
}