/* ===== BRAND «NERO, ANTRACITE, BIANCO, GIALLO FLUO» — in vigore dal 21/10/2026 =====
   Foglio comune a tutte le pagine pubbliche: va collegato DOPO lo stile interno della pagina.
   Giallo fluo #E4FF1A: solo come fondo (con testo nero) o come testo/segno su nero; mai testo giallo su bianco.
   Caratteri: Instrument Serif (titoli) e Inter (testo), licenza SIL OFL, ridotti all alfabeto latino, serviti da /brand/font/. */
@font-face { font-family:"Instrument Serif"; font-style:normal; font-display:swap; src:url("/brand/font/InstrumentSerif-Regular.woff2") format("woff2"); }
@font-face { font-family:"Instrument Serif"; font-style:italic; font-display:swap; src:url("/brand/font/InstrumentSerif-Italic.woff2") format("woff2"); }
@font-face { font-family:"Inter"; font-weight:100 900; font-display:swap; src:url("/brand/font/Inter.woff2") format("woff2"); }

:root { --accent:#0B0B0C; --accent-hover:#2C2C2E; --text-secondary:#6E6E73; --fluo:#E4FF1A; --dark-bg:#0B0B0C; }
body { font-family: Inter, -apple-system, "Helvetica Neue", Arial, sans-serif; }
::selection { background: var(--fluo); color:#0B0B0C; }
a { color:#0B0B0C; }

/* link nel testo: sottolineatura gialla spessa */
.section p a, .section li a, .prose a, article p a, article li a, main p a, main li a {
  text-decoration: underline; text-decoration-color:#0B0B0C; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.section p a:hover, .section li a:hover, .prose a:hover, article p a:hover, article li a:hover, main p a:hover, main li a:hover {
  background: var(--fluo); color:#0B0B0C; }

/* titoli: serif editoriale */
h1, h2.section-title, .section h2, .section-header h2 {
  font-family:"Instrument Serif", Georgia, serif !important; font-weight:400 !important; letter-spacing:-.01em !important; }
h1 { line-height:1.02 !important; }
.section h2, .section-header h2 { line-height:1.02 !important; }
h1 i, h2 i { font-style:italic; }

/* occhiello: etichetta gialla */
.section-eyebrow { color:#0B0B0C !important; background: var(--fluo); display:inline-block; padding:3px 10px; border-radius:6px; }

/* pulsanti */
.btn-primary, .nav-cta { background: var(--fluo) !important; color:#0B0B0C !important; font-weight:700 !important; text-decoration:none !important; }
.btn-primary:hover { background:#0B0B0C !important; color: var(--fluo) !important; }
.nav-cta:hover { background:#0B0B0C !important; color: var(--fluo) !important; }
.btn-secondary { border-color:#0B0B0C !important; color:#0B0B0C !important; text-decoration:none !important; }
.btn-secondary:hover { background:#0B0B0C !important; color:#FFFFFF !important; }
.nav-links a:hover { color:#0B0B0C !important; }

/* sezioni scure: nero pieno, segni in giallo */
.cta-final, .contact, .result-cta { background-color:#0B0B0C !important; }
.cta-final .btn-secondary, .contact .btn-secondary, .result-cta .btn-secondary, .hero .btn-secondary.on-dark { border-color:#FFFFFF !important; color:#FFFFFF !important; }
.cta-final .btn-secondary:hover, .contact .btn-secondary:hover, .result-cta .btn-secondary:hover { background:#FFFFFF !important; color:#0B0B0C !important; }
.cta-final h2 i, .contact h2 i { color: var(--fluo); }
.contact .section-eyebrow, .cta-final .section-eyebrow { color:#0B0B0C !important; }
.contact-card .contact-value a, .contact a[style] { color: var(--fluo) !important; text-decoration-color: var(--fluo); }

/* icone colorate della vecchia palette: tutte su antracite con segno giallo */
.icon-blue, .icon-purple, .icon-green, .icon-orange { background:#2C2C2E !important; }
.area-icon svg { color: var(--fluo) !important; stroke: var(--fluo) !important; }
.av-2, .av-3, .av-4, .av-5 { background:#2C2C2E !important; }


/* residui blu della vecchia palette */
::selection { background: var(--fluo) !important; color:#0B0B0C; }
.cause-icon, .choice-icon.icon-blue { background:#2C2C2E !important; }
.cause-icon svg { color: var(--fluo) !important; stroke: var(--fluo) !important; }
.no-strings, .updated { background:#F2F2F0 !important; color:#0B0B0C !important; }
.tag.lav { background:#F2F2F0 !important; color:#0B0B0C !important; }
.contact .section-eyebrow { background: var(--fluo) !important; }
.combo input:focus { box-shadow: 0 0 0 4px rgba(228,255,26,.6) !important; }

/* rubrica diritto d'autore (pagine generate dal RAG) */
.kicker { color:#0B0B0C !important; }
.nav a.back { color:#0B0B0C !important; }
article blockquote { border-left-color:#0B0B0C !important; border-left-width:4px !important; }
h2 a, h3 a { text-decoration:none !important; }
h2 a:hover, h3 a:hover { text-decoration: underline !important; text-decoration-color:#0B0B0C !important; text-decoration-thickness:1.5px !important; }

/* correzioni del revisore-sito (21/10/2026) */
.phone-line:hover { color: var(--fluo) !important; }
.cta .btn:not(.sec) { background: var(--fluo) !important; color:#0B0B0C !important; }
.cta .btn:not(.sec):hover { background:#FFFFFF !important; color:#0B0B0C !important; }
.cta-final .btn-primary:hover, .contact .btn-primary:hover, .result-cta .btn-primary:hover, .hero .btn-primary:hover { background:#FFFFFF !important; color:#0B0B0C !important; }
.cambia-scelta { background:#0B0B0C !important; color:#FFFFFF !important; }
.cambia-scelta:hover { background:#2C2C2E !important; }
.cs button:focus-visible { outline-color: var(--fluo) !important; }
.pct-range:focus-visible::-webkit-slider-thumb { box-shadow: 0 2px 8px rgba(0,0,0,.22), 0 0 0 4px rgba(11,11,12,.35) !important; }
.pct-range:focus-visible::-moz-range-thumb { box-shadow: 0 2px 8px rgba(0,0,0,.22), 0 0 0 4px rgba(11,11,12,.35) !important; }
/* mappa della riforma: fasi in nero, grigio e giallo */
:root { --f1:#0B0B0C; --f2:#6E6E73; --f3:#E4FF1A; }
.dot.f3 { box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); }
#mappa .f3 { stroke:#0B0B0C; stroke-width:.6; }