/* Il tema dei video sulle pagine delle guide (15/11/2026): elenco, anteprime, guide complete, pagina di esito.
   Raffaele, 15/11: «la pagina delle risorse gratuite ha ancora tema chiaro, rispetto a quello scuro della home».
   Si carica per ultimo e SOLO A SCHERMO (media="screen"), dopo stile.css, risorse.css e /assets/tema-video.css:
   da quest'ultimo vengono fondo, testata, piede, pulsanti e i colori (--fondo, --inchiostro, --accento...).
   In stampa i due fogli scuri non valgono, quindi i PDF escono chiari come prima, da risorse.css.
   Regole: le superfici con testo da leggere sono scure e rialzate (--fondo-2) con un filo e senza ombra; l'ambra
   resta l'unico accento; restano chiare solo le schede dell'elenco, uguali a quelle della fila nella landing.
   Contrasti misurati su ogni testo da strumenti/verifica-sito.mjs (strumenti/contrasto.mjs). */

/* ---------- testi */
.tema-video .guida-aggiornata { color: var(--inchiostro-3); }
.tema-video .capitolo-intro { color: var(--inchiostro-2); }
.tema-video .guida-colonna strong { color: var(--inchiostro); }
.tema-video .menu-voce { color: var(--inchiostro); }
.tema-video .guida-colonna :is(p, li, dd) a:not(.pulsante) { color: var(--inchiostro); text-decoration-color: var(--accento); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.tema-video .guida-colonna :is(p, li, dd) a:not(.pulsante):hover { color: var(--accento); }
.tema-video :is(p, li, dd) code { background: rgba(242, 237, 227, .10); color: var(--inchiostro); }

/* ---------- superfici rialzate: in breve, cose da sapere, passi */
.tema-video :is(.in-breve, .cose-da-sapere li, .passo) { background: var(--fondo-2); border-color: var(--riga); box-shadow: none; }
.tema-video .in-breve dt { color: var(--accento); }
.tema-video .in-breve dd { color: var(--inchiostro); }
.tema-video .passo::before { background: var(--fondo-3); }
.tema-video .passo .nota { border-top-color: var(--riga-forte); }
.tema-video .nota-titolo { color: var(--inchiostro-3); }
.tema-video .domanda > p { color: var(--inchiostro-2); }

/* ---------- il riquadro da copiare: un gradino piu' chiaro del passo che lo contiene, senza la riga laterale */
.tema-video .da-copiare { background: var(--fondo-3); border: 1px solid var(--riga-forte); }
.tema-video .da-copiare::before { color: var(--accento); }
.tema-video .da-copiare p { color: var(--inchiostro); }
.tema-video .copia { background: transparent; border-color: var(--riga-forte); color: var(--inchiostro); }
.tema-video .copia:hover { background: rgba(242, 237, 227, .08); border-color: var(--inchiostro); }
.tema-video .copia:focus-visible { outline-color: var(--accento); }
.tema-video .copia[data-fatto] { background: var(--accento); border-color: var(--accento); color: var(--scuro); }

/* ---------- avvisi e aiuto */
.tema-video :is(.avviso, .avviso-link) { background: rgba(242, 163, 58, .10); border: 1px solid rgba(242, 163, 58, .38); color: var(--inchiostro); }
.tema-video .avviso strong { color: var(--accento); }
.tema-video .aiuto { background: var(--fondo-2); border-color: var(--riga-forte); border-top-color: var(--accento); }
.tema-video .aiuto-titolo { color: var(--inchiostro); }

/* ---------- fonti e invito finale */
.tema-video .fonti { border-top-color: var(--riga); color: var(--inchiostro-3); }
.tema-video .fonti h2 { color: var(--inchiostro); }
.tema-video .guida-invito { border-top: 1px solid var(--riga); background-color: var(--fondo-2); background-image: none; }

/* ---------- il modulo dell'anteprima */
.tema-video .ricevi { background: var(--fondo-2); border-color: var(--riga-forte); box-shadow: none; }
.tema-video .ricevi-intro { color: var(--inchiostro-2); }
.tema-video .ricevi-dentro { color: var(--accento); }
.tema-video .ricevi-capitoli, .tema-video .ricevi-capitoli li { border-color: var(--riga); }
.tema-video .ricevi-capitoli li, .tema-video .ricevi-etichetta { color: var(--inchiostro); }
.tema-video .ricevi-gia, .tema-video .ricevi-privacy { color: var(--inchiostro-3); }
.tema-video .ricevi-riga input { background: var(--fondo); border-color: var(--riga-forte); color: var(--inchiostro); caret-color: var(--accento); }
.tema-video .ricevi-riga input::placeholder { color: var(--inchiostro-3); }
.tema-video .ricevi-riga input:hover { border-color: var(--inchiostro); }
.tema-video .ricevi-riga input:focus-visible { outline-color: var(--accento); border-color: var(--inchiostro); }
.tema-video .ricevi-riga input[aria-invalid="true"] { border-color: var(--accento); }
.tema-video .ricevi-consenso { color: var(--inchiostro-2); }
.tema-video .ricevi-consenso input { accent-color: var(--accento); }
.tema-video .ricevi-consenso input:focus-visible { outline-color: var(--accento); }
.tema-video .ricevi-errore { background: rgba(242, 163, 58, .16); color: var(--inchiostro); }
.tema-video .ricevi-fatto { background: var(--fondo-3); }