/* Agenteala — tokens de marca. Generado por 06-ecosistema/aplicaciones.py. Paleta: 02-fundamentos/paleta.md · Letra: 02-fundamentos/tipografia.md · Forma: 06-ecosistema/forma.md */ :root { /* Color · modo claro */ --papel: #FFFFFF; --banda: #FAF5EC; --tinta: #3B3025; --tinta-2: #7C6E5B; --tinta-3: #8C7E6B; --linea: #ECE3D2; --marca: #1E88E5; --accion: #1565C0; --accion-hover: #01579B; --sobre-accion: #FFFFFF; --marca-clara: #E6F1FB; --ok: #33724C; --aviso: #976213; --error: #B2392B; --link: #1565C0; --degrade: linear-gradient(135deg, #78518B, #5A366B); /* Letra */ --fuente-titulos: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif; --fuente-texto: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif; --texto-11: 11px; --texto-13: 13px; --texto-15: 15px; --texto-17: 17px; --texto-22: 22px; --texto-28: 28px; /* Forma: sale del isotipo (grilla de 100: pieza 20, canal 12, una sola esquina redondeada de 12) */ --modulo: 4px; --canal: 12px; --radio-chico: 4px; --radio: 8px; --radio-firma: 24px; --esquina-firma: var(--radio-chico) var(--radio-firma) var(--radio-chico) var(--radio-chico); --borde: 1px solid var(--linea); } /* El modo oscuro no se activa solo: se pide con data-tema="oscuro" en . */ :root[data-tema="oscuro"] { --papel: #0A0A0A; --banda: #161311; --tinta: #EEE6E0; --tinta-2: #C5BCB4; --tinta-3: #8C7E6B; --linea: #282623; --marca: #1E88E5; --accion: #1E88E5; --accion-hover: #379BFA; --sobre-accion: #0A0A0A; --marca-clara: #12283E; --ok: #7BC495; --aviso: #E7B369; --error: #EB8373; --link: #6FB0F4; }