/* Le coppie di caratteri delle landing page — MixusLab, 29/08/2026. * * ⚠️ QUESTO FILE È L'UNICA FONTE. Lo carica sia la pagina pubblica (composta dal * server) sia il pannello, per l'anteprima e per il selettore: così non esistono * due elenchi di font che possono andare in disaccordo. * * Si sceglie una coppia mettendo data-coppia="" sull'elemento , e poi * si usano var(--f-titolo) e var(--f-testo). Nessuna chiamata verso l'esterno: * i caratteri stanno accanto a questo file, sul nostro server. */ @font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url('./anton-400.woff2') format('woff2'); } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url('./fraunces-700.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('./ibm-plex-sans-400.woff2') format('woff2'); } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('./ibm-plex-sans-600.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('./inter-400.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('./inter-600.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('./inter-700.woff2') format('woff2'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url('./lato-400.woff2') format('woff2'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url('./lato-700.woff2') format('woff2'); } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 700; font-display: swap; src: url('./lora-700.woff2') format('woff2'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('./nunito-sans-400.woff2') format('woff2'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('./nunito-sans-600.woff2') format('woff2'); } @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('./playfair-display-700.woff2') format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('./roboto-400.woff2') format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('./roboto-700.woff2') format('woff2'); } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400; font-display: swap; src: url('./source-sans-3-400.woff2') format('woff2'); } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 600; font-display: swap; src: url('./source-sans-3-600.woff2') format('woff2'); } @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('./space-grotesk-700.woff2') format('woff2'); } /* ── le coppie ─────────────────────────────────────────────── */ :root { --f-titolo: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --f-testo: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; } [data-coppia="editoriale"] { --f-titolo: 'Playfair Display', Georgia, 'Times New Roman', serif; --f-testo: 'Source Sans 3', system-ui, sans-serif; --peso-titolo: 700; } [data-coppia="netta"] { --f-titolo: 'Inter', system-ui, sans-serif; --f-testo: 'Inter', system-ui, sans-serif; --peso-titolo: 700; } [data-coppia="calda"] { --f-titolo: 'Fraunces', Georgia, serif; --f-testo: 'Nunito Sans', system-ui, sans-serif; --peso-titolo: 700; } [data-coppia="sicura"] { --f-titolo: 'Space Grotesk', system-ui, sans-serif; --f-testo: 'IBM Plex Sans', system-ui, sans-serif; --peso-titolo: 700; } [data-coppia="classica"] { --f-titolo: 'Lora', Georgia, serif; --f-testo: 'Lato', system-ui, sans-serif; --peso-titolo: 700; } [data-coppia="forte"] { --f-titolo: 'Anton', Impact, system-ui, sans-serif; --f-testo: 'Roboto', system-ui, sans-serif; --peso-titolo: 400; } /* ⚠️ Le tre voci di prima (system, serif, mono) restano: le pagine già pubblicate con quelle non devono cambiare faccia da sole. */ [data-coppia="system"] { --f-titolo: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --f-testo: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; } [data-coppia="serif"] { --f-titolo: Georgia, 'Times New Roman', serif; --f-testo: Georgia, 'Times New Roman', serif; } [data-coppia="mono"] { --f-titolo: ui-monospace, SFMono-Regular, Menlo, monospace; --f-testo: ui-monospace, SFMono-Regular, Menlo, monospace; }