/* ============================================================================= REGISTRI Tre zone del sito, un solo sistema. Un registro rimappa i token semantici: non introduce CSS di componente e non aggiunge famiglie cromatiche. rassegna impianto editoriale: home, archivi, articoli. (predefinito) professionale Chi sono, Comunicazione, Formazione, Progetti, Contatti. Prende da B la disciplina, non i colori: meno accento, più aria, titoli più contenuti, nessun capolettera. scorie l'area del libro. Prende da C il fondo scuro, il carattere da manifesto e il ruggine caldo. La classe viene messa su da inc/registri.php. ========================================================================== */ /* ------------------------------------------------------------- RASSEGNA */ /* Coincide con i valori predefiniti: dichiarato per leggibilità, non per necessità. */ .registro-rassegna{ --lm-densita: 1; } /* -------------------------------------------------------- PROFESSIONALE */ /* La disciplina di B: stessa carta, stesso accento, usato meno. Più respiro verticale, titoli di un gradino più bassi, un'ombra morbida al posto del filetto per staccare le schede. */ .registro-professionale{ --lm-densita: 1.35; --lm-titolo-cren: -0.022em; /* titoli più serrati, meno "rivista" */ --lm-ombra-scheda: var(--lm-ombra-1); --lm-raggio: var(--lm-raggio-2); /* l'accento resta lo stesso, ma qui vale come segnale raro: i componenti lo leggono da --lm-accento e le regole d'uso (in 04-editoriale.css) ne limitano la frequenza */ --lm-riga: var(--lm-filetto-tenue); } /* --------------------------------------------------------------- SCORIE */ /* Il carattere di C, circoscritto. Fondo scuro anche quando il resto del sito è chiaro: è una zona, non un tema. */ .registro-scorie{ --lm-densita: 1; /* Il fondo resta la carta. La pagina del libro si legge in nero su chiaro come tutto il resto del sito: il nero e' riservato alla fascia della testata, uguale ovunque. Di Scorie sopravvivono il titolo da manifesto e il ruggine — che qui sale al gradino 700, perche' quello tarato sul fondo scuro non reggerebbe il contrasto sulla carta. */ --lm-accento: var(--lm-ruggine-700); --lm-accento-testo: var(--lm-ruggine-700); --lm-accento-solido: var(--lm-ruggine-700); --lm-su-accento: var(--lm-carta); --lm-font-titolo: var(--lm-fam-manifesto); --lm-titolo-peso: 400; /* Anton ha un solo peso */ --lm-titolo-cren: 0.004em; --lm-titolo-trasf: uppercase; --lm-ombra-scheda: var(--lm-ombra-0); } /* ------------------------------------------------- INNESTI LOCALIZZATI */ /* Il carattere di Scorie può affacciarsi fuori dalla sua area — un richiamo in homepage, una scheda in archivio — senza trascinarsi dietro il fondo scuro. Su carta chiara il ruggine sale di un gradino per restare leggibile. */ .registro-rassegna .lm-innesto-scorie, .registro-professionale .lm-innesto-scorie{ --lm-accento: var(--lm-ruggine-700); --lm-accento-testo: var(--lm-ruggine-700); --lm-accento-solido: var(--lm-ruggine-700); --lm-su-accento: var(--lm-carta); } /* La fascia scura interna alla rassegna (il richiamo al libro in home): stesso principio del registro Scorie, ma limitato a un blocco. */ .lm-fascia-notte{ --lm-fondo: var(--lm-notte); --lm-superficie: var(--lm-notte); --lm-testo: var(--lm-notte-testo); --lm-testo-2: var(--lm-scorie-testo-2); --lm-testo-3: var(--lm-scorie-grigio); --lm-riga: var(--lm-scorie-filetto); --lm-accento: var(--lm-ruggine-500); --lm-accento-testo: var(--lm-ruggine-400); --lm-accento-solido: var(--lm-ruggine-400); /* senza questo il bottone resta sul rosso della rassegna e il testo quasi nero scende a 2,82:1 */ --lm-su-accento: var(--lm-scorie-nero); background: var(--lm-fondo); color: var(--lm-testo); }