/*
 * Ponte verso i plugin TWC.
 *
 * I plugin leggono le variabili --twc-*. Qui le colleghiamo ai token del tema,
 * senza ricopiare nessun valore: cambiando palette in una variante di stile,
 * area account e prenotazioni seguono da sole.
 *
 * Perché in un file CSS e non in theme.json: WordPress riscrive le proprietà
 * di settings.custom con nomi propri (--wp--custom--*), quindi da theme.json
 * non si otterrebbe mai una variabile chiamata --twc-accent.
 *
 * Cascata: ripiego dei plugin :where(:root) [0] < questo file :root [0,1,0]
 * < scelta esplicita del ristoratore (inline sull'elemento). L'ultimo livello
 * deve vincere: se il ristoratore sceglie un colore, deve vederlo.
 * Per questo qui non c'è e non ci deve essere nessun !important.
 */

:root {
	/* Accento */
	--twc-accent: var(--wp--preset--color--accent-1);
	--twc-accent-soft: color-mix(in srgb, var(--wp--preset--color--accent-1) 14%, transparent);
	--twc-accent-glow: color-mix(in srgb, var(--wp--preset--color--accent-1) 30%, transparent);

	/* Sfondi */
	--twc-bg: var(--wp--preset--color--base);
	--twc-surface: var(--wp--preset--color--base);
	--twc-surface-alt: var(--wp--preset--color--base-2);

	/* Testo */
	--twc-ink: var(--wp--preset--color--contrast);
	--twc-muted: var(--wp--preset--color--contrast-2);

	/* Linee */
	--twc-line: var(--wp--preset--color--border);
	--twc-line-soft: color-mix(in srgb, var(--wp--preset--color--border) 55%, transparent);

	/* Stati */
	--twc-ok: var(--wp--custom--stato--ok);
	--twc-danger: var(--wp--custom--stato--pericolo);

	/* Forme */
	--twc-radius: var(--wp--custom--raggio--grande);
	--twc-radius-sm: var(--wp--custom--raggio--medio);

	/* Area minima cliccabile: mai sotto i 44px (WCAG 2.2). */
	--twc-tap: 44px;
}

/*
 * color-mix() non è supportato dai browser più vecchi. Se in un tema serve
 * coprirli, si sostituiscono le tre righe qui sopra con valori espliciti
 * presi dalla palette, non con un secondo blocco :root.
 */