/* =========================================================================
   PALETTE DI PROVA — "test 2"
   Si attiva SOLO con ?theme=test2 nell'URL, SOPRA theme-test.css: eredita
   bordeaux / marrone / oliva e cambia in piu' i due sfondi.

     bianco  #ffffff  — lo sfondo base, al posto del color uovo #fbf6eb
     beige   #c5b49d  — le fasce alternate, al posto di #f4ecdd
   ========================================================================= */

:root {
  --cream:   #ffffff;   /* sfondo base: body, hero notch, header, menu */
  --cream-2: #c5b49d;   /* fasce alternate: "How it works", "Real stories" */
}

/* ---------- Color uovo cablato a mano ----------
   Header e menu mobile scrivono il crema in rgba invece di usare il token:
   senza questi due override resterebbero crema sopra una pagina bianca. */
.site-header { background: rgba(255, 255, 255, 0.86); }
.mobile-menu { background: rgba(255, 255, 255, 0.97); }

/* -------------------------------------------------------------------------
   NOTA — leggibilita' sul beige #c5b49d
   Nessuna correzione applicata, di proposito: si guarda il risultato grezzo.
   Sul beige il testo secondario grigio (--muted) sta a 2.67:1 e l'occhiello
   oliva a 2.71:1, sotto la soglia AA di 4.5:1. Titoli marroni 8.16:1,
   testo corpo 7.0:1.

   Se serve sistemarli, togli il commento qui sotto:
   ------------------------------------------------------------------------- */
/*
.section--cream2 .section-head p,
.section--cream2 .stat__desc,
.section--cream2 p { color: var(--brown-soft); }
.section--cream2 .eyebrow { color: var(--cypress-dark); }
*/