/* ============================================================================
   Rent&Drive — Design System (fondamenta / token)
   ----------------------------------------------------------------------------
   Sorgente unica dei token condivisi fra scheda prodotto, archivi e home.

   REGOLE DI SICUREZZA
   - Tutto è scoped sotto `.rd-scope`: nessuno stile tocca il markup legacy
     Kadence/Greenshift (che non ha quella classe). Additivo, non distruttivo.
   - I colori brand/segmento leggono la palette del tema (Customizer = sorgente
     di verità) con fallback hex, così restano allineati al resto del sito.

   COME SI USA
   - Su una pagina nuova: mettere `rd-scope` sul contenitore radice e usare i
     token via `var(--nome)`. I valori si cambiano QUI, in un punto solo.
   - Le PRIMITIVE riusabili (.rd-btn, .rd-card, .rd-pill, ritmo sezioni) verranno
     aggiunte in questo file quando si migrano home/archivi, con nomi di classe
     che NON collidono col legacy né con le classi attuali della scheda.

   NAMING
   - Colori testo:   --text (corpo) / --text-strong (titoli) / --mute (secondario)
   - Semantici:      --ok / --warn (+ relativo *-ink per testo su tinta chiara)
   - Superfici:      --surface / --surface-2
   - Scala:          --fs-* (type) · --space-* (spazi) · --r-* (raggi)
   ========================================================================== */

/* --- Font con metriche verticali corrette ---------------------------------
   Spartan ha maiuscole altissime (83% del corpo) e discesa ampia: con le metriche
   originali (ascent 86% / descent 26%) il centro delle maiuscole sta l'11,5% del
   corpo PIU' IN ALTO del centro del riquadro di riga, quindi in pill, pulsanti,
   tag e tab il testo sembra sempre "alto". Qui ribilanciamo ascent/descent
   (97,5% / 14,5%): somma invariata (1,12 = stessa altezza di riga) ma maiuscole
   centrate. Stesso file del font gia' caricato dal sito (nessun download extra
   se in cache). Usato solo dentro .rd-scope. */
@font-face {
	font-family: 'Spartan RD';
	src: url('/wp-content/uploads/2024/07/Spartan-VariableFont_wght.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	ascent-override: 97.5%;
	descent-override: 14.5%;
	line-gap-override: 0%;
}

.rd-scope {
	--rd-font: 'Spartan RD', 'Spartan', 'League Spartan', system-ui, sans-serif;
	font-family: var(--rd-font);
	/* --- Brand & segmento (da Kadence global palette, fallback hex) --- */
	--ink: var(--global-palette2, #39273d);
	--cream: var(--global-palette7, #f4f0f0);
	--gold: var(--global-palette4, #ffc001);
	--brandred: #ee1f38; /* rosso brand (nota: bianco su questo rosso ~3.6:1, sotto soglia AA per testo normale) */
	--c-privati: var(--privati, var(--global-palette4, #ffc001));
	--c-business: var(--business, var(--global-palette5, #0279ff));
	--c-furgoni: var(--furgoni, var(--global-palette6, #4bbc55));

	/* --- Testo --- */
	--text: #333;         /* corpo */
	--text-strong: #111;  /* titoli forti */
	--mute: #776a7b;      /* secondario, AA su bianco */
	--line: #e2dae6;      /* bordi / divisori */

	/* --- Semantici --- */
	--ok: #2e9e4f;        /* inclusi / successo */
	--ok-ink: #1a6e35;    /* testo verde su tinta chiara */
	--warn: #b98900;      /* opzionali / a richiesta */
	--warn-ink: #6b5b4a;  /* testo ambra su tinta chiara */

	/* --- Superfici --- */
	--surface: #fff;
	--surface-2: #faf9fb; /* card / fondini leggeri */

	/* --- Ombre --- */
	--shadow-card: 0 14px 40px rgba(57, 39, 61, .10);
	--shadow-pill: 0 2px 10px rgba(57, 39, 61, .20);

	/* --- Raggi --- */
	--r-sm: 9px;
	--r: 12px;
	--r-lg: 14px;
	--r-xl: 16px;
	--r-pill: 999px;

	/* --- Scala tipografica (7 step) ---
	   xs label/eyebrow · sm meta · base corpo di lettura · md titoli card/FAQ
	   lg titoli sezione · xl H1 · display prezzo/logo */
	--fs-xs: 11.5px;
	--fs-sm: 14px;
	--fs-base: 16px;
	--fs-md: 18px;
	--fs-lg: 22px;
	--fs-xl: 30px;
	--fs-display: 40px;

	/* --- Spacing --- */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
}

/* Font corretto anche su elementi a cui Kadence/plugin fissano la famiglia a parte. */
.rd-scope :is(button, input, select, textarea, h1, h2, h3, h4, h5, h6) {
	font-family: inherit;
}

/* Etichette prodotto (style.css le compensava a mano: 5px sopra / 2px sotto).
   Con il font corretto la compensazione non serve piu': padding simmetrico, stessa altezza. */
.rd-scope .product-label {
	padding: 3.5px 10px;
}