/* ==========================================================================
   La palette
   ==========================================================================
   Tutti i colori del sito stanno qui e solo qui. Gli altri fogli leggono
   questi token; le tinte chiare si calcolano con color-mix(), cosi' cambiare
   un token cambia anche tutte le sue sfumature.

   I valori si possono provare dal Customizer (sezione "Palette HTMB"): quelli
   salvati li' arrivano in un :root inline dopo questo file e lo sovrascrivono.
   Spec: docs/superpowers/specs/2026-09-24-palette-acciaio-design.md
   Nel tema htmb: i valori del Customizer arrivano da inc/customizer/palette.php.
   ========================================================================== */

:root {
	/* Accento: dice dove sei e cosa si legge */
	--htmb-accento: #2563eb;
	--htmb-accento-scuro: #1d4ed8;
	--htmb-accento-velato: color-mix(in srgb, var(--htmb-accento) 10%, transparent);

	/* Firma, Pantone Viva Magenta 18-1750: dice qui puoi agire. Mai su
	   superfici grandi. */
	--htmb-firma: #bb2649;
	--htmb-firma-scura: #9a1f3c;
	--htmb-firma-velata: color-mix(in srgb, var(--htmb-firma) 12%, transparent);

	/* La hero della home */
	--htmb-hero-fondo: #06080c;
	--htmb-hero-colore-1: #2563eb;
	--htmb-hero-colore-2: #38bdf8; /* solo su fondo scuro: sul bianco e' 2,1 */
	/* Pixel "accesi" come LED: non rossi, che su un display si leggono come
	   pixel difettosi. Scelta di Daniele, 2026-09-24. */
	--htmb-hero-pixel-caldi: #e0f2fe;

	/* Il ciano del marchio HB (docs/brand/README.md): solo per il marchio e
	   la parola "pixel" dello slogan, su fondo scuro. */
	--htmb-marchio-ciano: #22e5d4;

	/* L'evidenziatore (<mark>) degli articoli: giallo scelto, non quello di
	   Bootstrap; regge accanto a qualunque colore di brand. */
	--htmb-evidenzia: #fef3c7;

	/* Stati dei moduli: invio riuscito, errore. */
	--htmb-successo: #16a34a;
	--htmb-successo-scuro: #166534;
	--htmb-errore: #b91c1c;

	/* Neutri */
	--htmb-ink: #0f172a;
	--htmb-ink-2: #334155;
	--htmb-ink-tenue: #64748b;
	--htmb-ink-sfumato: #94a3b8;
	--htmb-superficie: #ffffff;
	--htmb-superficie-tinta: #f7fafc;
	--htmb-bordo: #e2e8f0;

	/* Il bottone e' la firma, pieno: le variabili che cta.css gia' legge */
	--htmb-cta-color-primary: var(--htmb-firma);
	--htmb-cta-color-secondary: var(--htmb-firma);

}