{
  "$schema": "https://design-tokens.org/dtcg/v1",
  "$metadata": {
    "brand": "Hostalin",
    "version": "1.0",
    "generated": "2026-05-23",
    "source": "Websalia · Brand Book v1.0",
    "curation_note": "Filtrado vs designlang raw: descartados #FFC02B, #E8A20C, #517FA4 (chrome WP), reducidas 8 familias tipo a 2 (Playfair Display + Inter)."
  },
  "color": {
    "primary": {
      "vivo":    { "$value": "#5A9A9D", "$type": "color", "$description": "CTAs, hero, iconos. Saturación añadida según feedback Ramon 4-mar 'menos mate, más viva'." },
      "ancla":   { "$value": "#9AB6BA", "$type": "color", "$description": "Teal del logo. Bandas secundarias, separadores. Detectado por designlang como token real." },
      "dark":    { "$value": "#16494C", "$type": "color", "$description": "Tipografía sobre claro, footer, fondos dramáticos." }
    },
    "neutral": {
      "tint":    { "$value": "#ACCBBC", "$type": "color", "$description": "Backgrounds de sección. NUNCA como CTA (contraste insuficiente)." },
      "cream":   { "$value": "#F4F2EC", "$type": "color", "$description": "Fondo principal de página. Sustituye al blanco puro." },
      "paper":   { "$value": "#FBFAF6", "$type": "color", "$description": "Cards y superficies elevadas sobre crema." },
      "text":    { "$value": "#1A1A1A", "$type": "color", "$description": "Cuerpo de texto · 16-18 px." },
      "text-soft": { "$value": "#6B6B66", "$type": "color", "$description": "Texto secundario, captions, metadata." },
      "rule":    { "$value": "#DDD8CE", "$type": "color", "$description": "Líneas divisorias, bordes de cards." }
    },
    "semantic": {
      "danger":  { "$value": "#A14545", "$type": "color", "$description": "Solo estados de error en validación de formulario." },
      "good":    { "$value": "#1B6E4F", "$type": "color", "$description": "Solo estados de éxito en validación de formulario." }
    }
  },
  "typography": {
    "fontFamily": {
      "display": { "$value": "'Playfair Display', 'EB Garamond', Georgia, serif", "$type": "fontFamily", "$description": "Hero, titulares, citas, lockups." },
      "body":    { "$value": "'Inter', 'Open Sans', -apple-system, system-ui, sans-serif", "$type": "fontFamily", "$description": "Cuerpo, UI, navegación." }
    },
    "fontWeight": {
      "display": { "regular": 400, "medium": 500, "semibold": 600, "bold": 700 },
      "body":    { "light": 300, "regular": 400, "medium": 500, "semibold": 600, "bold": 700 }
    },
    "fontSize": {
      "xs":   { "$value": "0.78rem", "$type": "dimension" },
      "sm":   { "$value": "0.88rem", "$type": "dimension" },
      "base": { "$value": "1.02rem", "$type": "dimension" },
      "lg":   { "$value": "1.15rem", "$type": "dimension" },
      "xl":   { "$value": "1.45rem", "$type": "dimension" },
      "2xl":  { "$value": "1.85rem", "$type": "dimension" },
      "3xl":  { "$value": "2.4rem",  "$type": "dimension" },
      "4xl":  { "$value": "3.2rem",  "$type": "dimension" },
      "5xl":  { "$value": "4.6rem",  "$type": "dimension" }
    },
    "lineHeight": {
      "tight":   { "$value": "1.15" },
      "snug":    { "$value": "1.35" },
      "normal":  { "$value": "1.55" },
      "relaxed": { "$value": "1.75" }
    }
  },
  "spacing": {
    "xs":  { "$value": "4px",  "$type": "dimension" },
    "sm":  { "$value": "8px",  "$type": "dimension" },
    "md":  { "$value": "16px", "$type": "dimension" },
    "lg":  { "$value": "24px", "$type": "dimension" },
    "xl":  { "$value": "32px", "$type": "dimension" },
    "2xl": { "$value": "48px", "$type": "dimension" },
    "3xl": { "$value": "64px", "$type": "dimension" },
    "4xl": { "$value": "96px", "$type": "dimension" }
  },
  "radius": {
    "sm":   { "$value": "4px",  "$type": "dimension" },
    "md":   { "$value": "8px",  "$type": "dimension" },
    "lg":   { "$value": "14px", "$type": "dimension" },
    "full": { "$value": "999px","$type": "dimension" }
  },
  "shadow": {
    "sm": { "$value": "0 1px 3px rgba(0,0,0,0.08)" },
    "md": { "$value": "0 4px 12px rgba(0,0,0,0.1)" },
    "lg": { "$value": "0 12px 28px rgba(0,0,0,0.12)" }
  }
}