/* Visit Bordighera – token di design (fase 3 del riordino, 2026-10-07).
 *
 * UNICA fonte dei colori del marchio per il CSS del plugin: i fogli di stile usano var(--vb-…) invece dei
 * codici esadecimali. Ogni token punta alla variabile globale di Elementor (Kit › Variabili) quando esiste,
 * con il valore di oggi come riserva: se si cambia il colore nel kit Elementor cambia anche il plugin;
 * dove il kit non c'è (altre installazioni, pagine fuori da Elementor) vale la riserva.
 *
 * Attenzione ai nomi storici del kit Elementor, che NON corrispondono più al colore: "turquoise" è
 * l'arancio, "cyan" l'arancio scuro, "lmr-brown" il blu. Non rinominarli nel kit: il nome della variabile
 * CSS deriva dall'etichetta e le pagine li usano. Qui sotto i nomi giusti.
 *
 * Base per il futuro plugin "identità Città di Bordighera" (siti coordinati).
 */
:root {
	/* Blu del mare (testi, titoli, fondi scuri) */
	--vb-inchiostro: var(--ink, #26495d);              /* kit: ink = sea-900 */
	--vb-mare: var(--sea-800, #2d576f);                /* kit: sea-800 = sea-700 = riviera-blue-dark */
	--vb-cielo: var(--riviera-blue, #4f95bd);          /* kit: riviera-blue = sea-500 = lmr-brown */
	--vb-cielo-chiaro: var(--sky, #9dbfd2);            /* kit: sky */
	--vb-nebbia: var(--sea-100, #e7f0f4);              /* kit: sea-100 = sea-mist = mist-alt */
	--vb-chiaro: var(--cream, #f6f9fb);                /* kit: cream = lmr-ivory */
	--vb-grigio: var(--stone, #596b74);                /* kit: stone = stone-alt */
	--vb-notte: #17303d;                               /* testo sui pulsanti arancio (contrasto AA) */

	/* Arancio del logo (pulsanti, accenti) */
	--vb-arancio: var(--turquoise, #ee7d17);           /* kit: "turquoise" (nome storico) */
	--vb-arancio-scuro: var(--cyan, #d4680a);          /* kit: "cyan" (nome storico) */
	--vb-arancio-hover: #f28c32;                       /* pulsanti al passaggio del mouse */
	--vb-arancio-chiaro: #f7aa68;                      /* arancio come testo su fondo scuro (AA) */
	--vb-tramonto: var(--sunset, #e9a17f);             /* kit: sunset */

	/* Linee e stati */
	--vb-bordo: var(--line, rgba(38, 73, 93, 0.16));   /* kit: line */
	--vb-ok: var(--success, #137747);
	--vb-avviso: var(--warning, #a66d00);
	--vb-errore: var(--error, #a52837);

	/* Tipografia (titoli in Adelle dalla 1.43.0; il kit dice ancora Bodoni Moda e il plugin lo sovrascrive) */
	--vb-font-titoli: "Adelle", Georgia, serif;
	--vb-font-testo: "Manrope", system-ui, sans-serif;

	/* Forme e misure */
	--vb-raggio: var(--radius, 18px);
	--vb-raggio-grande: var(--radius-lg, 28px);
	--vb-contenitore: var(--container, 1240px);
	--vb-margine: var(--gutter, clamp(16px, 4vw, 40px));
}