{"color":{"themes":[{"id":"light","name":"Claro"},{"id":"dark","name":"Oscuro"}],"tokens":[{"name":"color.primario.50","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#fff9ec","light":"#fff9ec"}},{"name":"color.primario.100","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#f8e8c9","light":"#f8e8c9"}},{"name":"color.primario.200","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#e7c889","light":"#e7c889"}},{"name":"color.primario","usage":"Exacto de Illustrator (color.primario). Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#d4a843","light":"#d4a843"}},{"name":"color.primario.400","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#af8932","light":"#af8932"}},{"name":"color.secundario","usage":"Exacto de Illustrator (color.secundario). Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#8c6b20","light":"#8c6b20"}},{"name":"color.primario.600","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#6d510b","light":"#6d510b"}},{"name":"color.primario.700","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#4d3805","light":"#4d3805"}},{"name":"color.primario.800","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#302203","light":"#302203"}},{"name":"color.primario.900","usage":"Derivado en OKLCH. Rampa del oro. Paso 300 = color.primario (#D4A843) y paso 500 = color.secundario (#8C6B20), exactos de Illustrator; los demás, derivados.","value":{"dark":"#150d00","light":"#150d00"}},{"name":"color.claro","usage":"Exacto de Illustrator (color.claro). Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#f4f4f4","light":"#f4f4f4"}},{"name":"color.neutro.100","usage":"Derivado en OKLCH. Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#e5e5e5","light":"#e5e5e5"}},{"name":"color.neutro.200","usage":"Derivado en OKLCH. Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#c7c7c7","light":"#c7c7c7"}},{"name":"color.primario-monocromo","usage":"Exacto de Illustrator (color.primario-monocromo). Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#aaaaaa","light":"#aaaaaa"}},{"name":"color.neutro.400","usage":"Derivado en OKLCH. Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#8c8c8c","light":"#8c8c8c"}},{"name":"color.gris","usage":"Bordes de campos y separadores con función. Propuesta derivada.","value":{"dark":"#707070","light":"#707070"}},{"name":"color.neutro.600","usage":"Derivado en OKLCH. Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#555555","light":"#555555"}},{"name":"color.neutro.700","usage":"Derivado en OKLCH. Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#3c3c3c","light":"#3c3c3c"}},{"name":"color.neutro.800","usage":"Derivado en OKLCH. Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#242424","light":"#242424"}},{"name":"color.oscuro","usage":"Exacto de Illustrator (color.oscuro). Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#0e0e0e","light":"#0e0e0e"}},{"name":"color.crema.50","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#faf8f3","light":"#faf8f3"}},{"name":"color.crema","usage":"Exacto de Illustrator (color.crema). Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#ede8e0","light":"#ede8e0"}},{"name":"color.crema.200","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#d0cabf","light":"#d0cabf"}},{"name":"color.crema.300","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#b5ada0","light":"#b5ada0"}},{"name":"color.crema.400","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#978f81","light":"#978f81"}},{"name":"color.crema.500","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#7a7265","light":"#7a7265"}},{"name":"color.crema.600","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#5e574c","light":"#5e574c"}},{"name":"color.crema.700","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#433e35","light":"#433e35"}},{"name":"color.crema.800","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#2a2620","light":"#2a2620"}},{"name":"color.crema.900","usage":"Derivado en OKLCH. Rampa de la crema. Paso 100 = color.crema (#EDE8E0), exacto de Illustrator; los demás, derivados.","value":{"dark":"#12100d","light":"#12100d"}},{"name":"color.blanco","usage":"Blanco puro derivado: superficie del tema claro. Rampa neutra. Pasos 50, 300, 500 y 900 = color.claro, color.primario-monocromo, color.gris y color.oscuro, exactos de Illustrator; los demás, derivados.","value":{"dark":"#ffffff","light":"#ffffff"}},{"name":"color.exito.500","usage":"Color funcional genérico (no de marca); paso 500 para tema claro.","value":{"dark":"#1b7b3c","light":"#1b7b3c"}},{"name":"color.exito.300","usage":"Color funcional genérico (no de marca); paso 300 para tema oscuro.","value":{"dark":"#66be7b","light":"#66be7b"}},{"name":"color.aviso.500","usage":"Color funcional genérico (no de marca); paso 500 para tema claro.","value":{"dark":"#9e5a0f","light":"#9e5a0f"}},{"name":"color.aviso.300","usage":"Color funcional genérico (no de marca); paso 300 para tema oscuro.","value":{"dark":"#ee9748","light":"#ee9748"}},{"name":"color.error.500","usage":"Color funcional genérico (no de marca); paso 500 para tema claro.","value":{"dark":"#c13c36","light":"#c13c36"}},{"name":"color.error.300","usage":"Color funcional genérico (no de marca); paso 300 para tema oscuro.","value":{"dark":"#fd8c80","light":"#fd8c80"}},{"name":"rol.fondo","usage":"Token rol.fondo.","value":{"dark":"{color.oscuro}","light":"{color.claro}"}},{"name":"rol.superficie","usage":"Token rol.superficie.","value":{"dark":"{color.neutro.800}","light":"{color.blanco}"}},{"name":"rol.superficie-alta","usage":"Token rol.superficie-alta.","value":{"dark":"{color.neutro.700}","light":"{color.blanco}"}},{"name":"rol.tinta","usage":"Token rol.tinta.","value":{"dark":"{color.crema}","light":"{color.oscuro}"}},{"name":"rol.tinta-suave","usage":"Token rol.tinta-suave.","value":{"dark":"{color.primario-monocromo}","light":"{color.gris}"}},{"name":"rol.tinta-sobre-primario","usage":"Token rol.tinta-sobre-primario.","value":{"dark":"{color.oscuro}","light":"{color.claro}"}},{"name":"rol.primario","usage":"Token rol.primario.","value":{"dark":"{color.primario}","light":"{color.secundario}"}},{"name":"rol.primario-hover","usage":"Token rol.primario-hover.","value":{"dark":"{color.primario.200}","light":"{color.primario.600}"}},{"name":"rol.acento","usage":"Token rol.acento.","value":{"dark":"{color.primario}","light":"{color.secundario}"}},{"name":"rol.borde","usage":"Token rol.borde.","value":{"dark":"{color.gris}","light":"{color.gris}"}},{"name":"rol.foco","usage":"Token rol.foco.","value":{"dark":"{color.primario}","light":"{color.secundario}"}},{"name":"rol.exito","usage":"Token rol.exito.","value":{"dark":"{color.exito.300}","light":"{color.exito.500}"}},{"name":"rol.aviso","usage":"Token rol.aviso.","value":{"dark":"{color.aviso.300}","light":"{color.aviso.500}"}},{"name":"rol.error","usage":"Token rol.error.","value":{"dark":"{color.error.300}","light":"{color.error.500}"}},{"name":"rol.enlace","usage":"Token rol.enlace.","value":{"dark":"{color.crema}","light":"{color.oscuro}"}}]},"name":"Outstarting","radius":{"tokens":[{"name":"radio.0","usage":"Token radio.0.","value":"0px"},{"name":"radio.2","usage":"Token radio.2.","value":"2px"},{"name":"radio.4","usage":"Token radio.4.","value":"4px"},{"name":"radio.marco","usage":"Token radio.marco.","value":"5.55%"}]},"shadow":{"tokens":[{"name":"elevacion.1","usage":"Token elevacion.1.","value":"0 1px 2px rgba(14,14,14,0.12)"},{"name":"elevacion.2","usage":"Token elevacion.2.","value":"0 4px 12px rgba(14,14,14,0.16)"},{"name":"elevacion.3","usage":"Token elevacion.3.","value":"0 12px 32px rgba(14,14,14,0.24)"}]},"spacing":{"tokens":[]},"type":{"families":{"sans":"\"Barlow Condensed\", 'Arial Narrow', Helvetica, sans-serif"},"fonts":[{"family":"Barlow Condensed","weight":"400"},{"family":"Barlow Condensed","weight":"700"}],"groups":[{"family":"sans","name":"Barlow Condensed","styles":[{"fontSize":"61px","fontWeight":700,"lineHeight":1.0,"name":"estilo.display"},{"fontSize":"49px","fontWeight":700,"lineHeight":1.05,"name":"estilo.titulo.1"},{"fontSize":"39px","fontWeight":700,"lineHeight":1.1,"name":"estilo.titulo.2"},{"fontSize":"31px","fontWeight":700,"lineHeight":1.15,"name":"estilo.titulo.3"},{"fontSize":"25px","fontWeight":700,"lineHeight":1.2,"name":"estilo.titulo.4"},{"fontSize":"20px","fontWeight":700,"lineHeight":1.25,"name":"estilo.titulo.5"},{"fontSize":"20px","fontWeight":400,"lineHeight":1.5,"name":"estilo.cuerpo.l"},{"fontSize":"16px","fontWeight":400,"lineHeight":1.5,"name":"estilo.cuerpo"},{"fontSize":"14px","fontWeight":400,"lineHeight":1.45,"name":"estilo.cuerpo.s"},{"fontSize":"12px","fontWeight":700,"lineHeight":1.35,"name":"estilo.etiqueta"},{"fontSize":"14px","fontWeight":400,"lineHeight":1.3,"name":"estilo.eslogan"}]}]},"version":1}