/* ========================================================= tokens.css — l'unico file da toccare per cambiare identità ========================================================= */ :root { /* --- Colore ------------------------------------------- */ --c-fondo: #ECEDEF; /* gesso, muro di sala */ --c-superficie: #F7F7F8; /* carta, schede */ --c-inchiostro: #14161B; /* piombo */ --c-grafite: #6C6F7A; /* testo secondario */ --c-linea: #D2D4D9; /* filetti, bordi */ --c-accento: #002FA7; /* oltremare */ --c-accento-su: #FFFFFF; /* testo sopra l'accento */ --c-allarme: #A32116; /* --- Tipografia --------------------------------------- */ --f-display: "Bodoni Moda", "Didot", Georgia, serif; --f-testo: "Archivo", "Helvetica Neue", Arial, sans-serif; --t-xs: 0.6875rem; --t-sm: 0.8125rem; --t-base: 1rem; --t-md: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem); --t-lg: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem); --t-xl: clamp(2.4rem, 1.6rem + 4vw, 5.5rem); --lh-stretta: 1.04; --lh-normale: 1.6; /* --- Spazio ------------------------------------------- */ --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 5rem; --s-9: 8rem; /* --- Struttura ---------------------------------------- */ --larghezza-max: 78rem; --larghezza-testo: 34rem; --bordo-raggio: 2px; --transizione: 220ms cubic-bezier(0.22, 0.61, 0.36, 1); } /* Tema scuro opzionale: si attiva da pannello Studio aggiungendo data-tema="scuro" su */ :root[data-tema="scuro"] { --c-fondo: #101116; --c-superficie: #171921; --c-inchiostro: #EDEDEF; --c-grafite: #9A9DA8; --c-linea: #2A2D37; --c-accento: #6E8BFF; }