/* ============================================================================ Solo lo que la plataforma añade. Todo lo demás —los azules del logotipo, el barro, la escala de siete tamaños de letra, los tres radios, las dos sombras, las curvas de movimiento— sale de css/sistema.css, que es el sistema de diseño de las tres superficies. Aquí no se define ni un color nuevo ni un tamaño de letra nuevo: si algo hiciera falta y no estuviera en la escala, la respuesta es usar el paso de la escala que más se acerque, no añadir un paso. Las dos reglas de contraste del sistema se respetan sin excepción: · de --n5 hacia arriba, ningún tono de la rampa lleva texto; · --a-claro y --a3 son DECORACIÓN —sombra, lienzo, borde, trazo— y nunca fondo de texto. ============================================================================ */ /* ============================================================================ POR QUÉ AQUÍ NO SE USA EL ATAJO `font:` Hasta esta auditoría, 41 de las 43 declaraciones de tipografía de este archivo estaban escritas así: font:600 var(--t3)/1.35 inherit y NINGUNA de las 41 hacía nada. El atajo `font` exige una familia de verdad al final, e `inherit` no lo es. Normalmente eso sería un error de sintaxis y el navegador tiraría la declaración al leerla; pero como la línea trae un `var()`, la especificación obliga a aplazar el análisis hasta el momento de calcular el valor, y lo que no se puede analizar entonces se declara «inválido en tiempo de cómputo»: cada propiedad que el atajo tocaba —tamaño, peso y alto de línea— se queda con lo heredado. Medido en el navegador antes de arreglarlo, sobre .pf-fila-t, que es el título de un renglón y la pieza más repetida de la plataforma: declarado 600 · 14 px · interlínea 1,35 (18,9 px) real 400 · 16 px · interlínea 1,5 (24 px) O sea: la escala de siete tamaños que este archivo dice respetar nunca se aplicó en la plataforma. Los títulos salían más grandes y más ligeros que sus descripciones —sin contraste de peso entre uno y otra—, y cada renglón medía un 27 % más de alto del que se diseñó. Eso es de dónde salía buena parte de «se ve muy apretado todo»: no era falta de aire, era que todo estaba un paso más grande de lo que debía y no cabía. El cotizador nunca tuvo el problema: sus 0 declaraciones `font:` con `inherit` lo dicen. Por eso las dos apps se veían distintas aunque compartan la hoja de tokens. Ahora se escriben las tres propiedades por separado. Las dos únicas `font:` que quedan en el archivo son las de la tipografía monoespaciada, que sí traen familia de verdad y sí son válidas. Y AQUÍ VA EL DETALLE QUE CASI SE ESCAPA. El atajo roto estaba arreglando otra cosa sin querer: un