{
 "name": "Salva Tejero Software Company",
 "version": 1,
 "color": {
  "themes": [
   {
    "id": "light",
    "name": "Papel"
   },
   {
    "id": "dark",
    "name": "Sótano"
   }
  ],
  "tokens": [
   {
    "name": "surface-100",
    "value": {
     "light": "#FFFFFF",
     "dark": "#141110"
    },
    "usage": "Fondo base común a las tres webs: blanco en claro, para dar claridad; en oscuro, el negro cálido #141110 de AgujetApp."
   },
   {
    "name": "surface-200",
    "value": {
     "light": "#F4F1EA",
     "dark": "#211B17"
    },
    "usage": "Tarjetas, secciones alternas y zonas secundarias sobre surface-100. Neutro cálido muy claro; no es el crema de las ilustraciones."
   },
   {
    "name": "ink",
    "value": {
     "light": "#141110",
     "dark": "#F1E6D0"
    },
    "usage": "Texto y trazo. Es el negro cálido #141110 que ya usa AgujetApp (theme-color) en lugar de negro puro."
   },
   {
    "name": "ink-muted",
    "value": {
     "light": "#6B5A45",
     "dark": "#C9B99A"
    },
    "usage": "Texto secundario, pies de viñeta y metadatos."
   },
   {
    "name": "verde",
    "value": {
     "light": "#35693F",
     "dark": "#6FB07C"
    },
    "usage": "Acento común de la empresa (el jersey de Elena). Botones, enlaces y detalles en las tres webs. Texto crema encima."
   },
   {
    "name": "on-verde",
    "value": {
     "light": "#FFFFFF",
     "dark": "#141110"
    },
    "usage": "Texto sobre fondos verde (botones, etiquetas rellenas). Blanco en claro; en oscuro, el verde se aclara y el texto pasa a negro cálido para mantener el contraste."
   },
   {
    "name": "rojo",
    "value": {
     "light": "#B3342B",
     "dark": "#E0675D"
    },
    "usage": "Acento escaso (la corbata de Salva): una palabra o un remate por pieza."
   },
   {
    "name": "mostaza",
    "value": {
     "light": "#D9A520",
     "dark": "#E3B33A"
    },
    "usage": "Solo ilustración: el traje de Salva. Ya no es color de interfaz. Nunca como texto ni como botón."
   },
   {
    "name": "azul",
    "value": {
     "light": "#8FB5C9",
     "dark": "#8FB5C9"
    },
    "usage": "Toque frío puntual (la garrafa). Solo relleno."
   },
   {
    "name": "deep",
    "value": {
     "light": "#2A2118",
     "dark": "#4A3A2A"
    },
    "usage": "Bloque oscuro de la paleta: archivadores y sombras duras."
   },
   {
    "name": "app-cagodromo",
    "value": {
     "light": "#2A6496",
     "dark": "#7FB2DE"
    },
    "usage": "Azul agua propuesto para Cagódromo, en sustitución del naranja actual de la web. Solo en esa app."
   },
   {
    "name": "app-agujetapp-turquesa",
    "value": {
     "light": "#3FBFCA",
     "dark": "#3FBFCA"
    },
    "usage": "Barra turquesa del icono de AgujetApp. Solo en esa app. Nunca como texto: no llega a 4,5:1 sobre blanco."
   },
   {
    "name": "app-agujetapp-lila",
    "value": {
     "light": "#A98CE8",
     "dark": "#A98CE8"
    },
    "usage": "Barra lila del icono de AgujetApp. Solo en esa app. Nunca como texto: no llega a 4,5:1 sobre blanco."
   }
  ]
 },
 "type": {
  "fonts": [],
  "families": {
   "display": "\"Plus Jakarta Sans\", Inter, system-ui, sans-serif",
   "sans": "\"Inter\", system-ui, -apple-system, sans-serif"
  },
  "groups": [
   {
    "name": "Titulares",
    "family": "display",
    "styles": [
     {
      "name": "display-xl",
      "fontSize": "56px",
      "lineHeight": "60px",
      "fontWeight": 800
     },
     {
      "name": "display-l",
      "fontSize": "40px",
      "lineHeight": "44px",
      "fontWeight": 800
     },
     {
      "name": "display-m",
      "fontSize": "24px",
      "lineHeight": "30px",
      "fontWeight": 800
     }
    ]
   },
   {
    "name": "Texto",
    "family": "sans",
    "styles": [
     {
      "name": "body",
      "fontSize": "17px",
      "lineHeight": "27px",
      "fontWeight": 400
     },
     {
      "name": "body-strong",
      "fontSize": "17px",
      "lineHeight": "27px",
      "fontWeight": 600
     },
     {
      "name": "caption",
      "fontSize": "13px",
      "lineHeight": "18px",
      "fontWeight": 400
     }
    ]
   }
  ]
 },
 "spacing": {
  "tokens": [
   {
    "name": "space-1",
    "value": "4px",
    "usage": "Separación mínima entre icono y texto."
   },
   {
    "name": "space-2",
    "value": "8px",
    "usage": "Huecos internos de bocadillos y etiquetas."
   },
   {
    "name": "space-4",
    "value": "16px",
    "usage": "Relleno de tarjetas y viñetas."
   },
   {
    "name": "space-6",
    "value": "24px",
    "usage": "Separación entre bloques de un post."
   },
   {
    "name": "space-8",
    "value": "32px",
    "usage": "Márgenes laterales de página en tablet."
   },
   {
    "name": "space-12",
    "value": "48px",
    "usage": "Márgenes exteriores de portadas y slides."
   }
  ]
 },
 "radius": {
  "tokens": [
   {
    "name": "radius-sm",
    "value": "4px",
    "usage": "Etiquetas, sellos y viñetas: esquinas casi cuadradas, como el papel de prensa."
   },
   {
    "name": "radius-md",
    "value": "8px",
    "usage": "Tarjetas de app y capturas."
   },
   {
    "name": "radius-lg",
    "value": "16px",
    "usage": "Bocadillos de diálogo."
   }
  ]
 },
 "breakpoint": {
  "tokens": [
   {
    "name": "bp-tablet",
    "value": "640px",
    "usage": "Desde este ancho, tablet: cards en 2 columnas."
   },
   {
    "name": "bp-desktop",
    "value": "1024px",
    "usage": "Desde este ancho, escritorio: cards en 4 columnas."
   },
   {
    "name": "container-max",
    "value": "1200px",
    "usage": "Ancho máximo del contenido; centrado en pantallas mayores."
   }
  ]
 },
 "layout": {
  "tokens": [
   {
    "name": "header-alto",
    "value": "72px",
    "usage": "Alto de la cabecera en tablet y escritorio."
   },
   {
    "name": "header-alto-movil",
    "value": "64px",
    "usage": "Alto de la cabecera en móvil."
   },
   {
    "name": "foco-ancho",
    "value": "3px",
    "usage": "Grosor del anillo de foco (botones, enlaces)."
   },
   {
    "name": "foco-separacion",
    "value": "3px",
    "usage": "Separación entre el anillo de foco y el elemento."
   },
   {
    "name": "borde",
    "value": "1px",
    "usage": "Líneas de cabecera, pie y separadores."
   },
   {
    "name": "borde-grueso",
    "value": "2px",
    "usage": "Borde del botón secundario y grosor del subrayado de enlaces."
   },
   {
    "name": "subrayado-separacion",
    "value": "3px",
    "usage": "Separación entre el texto y su subrayado."
   },
   {
    "name": "tactil-min",
    "value": "44px",
    "usage": "Alto mínimo de botones y zonas pulsables."
   },
   {
    "name": "logo-st",
    "value": "40px",
    "usage": "Lado del «ST» compacto en la cabecera."
   },
   {
    "name": "logo-pie",
    "value": "112px",
    "usage": "Ancho del logo de cuatro líneas en el pie."
   }
  ]
 }
}