/* Rinnovo · R1 — il tema chiaro è quello di base. Fondi chiari, il marchio come accento, le fotografie a dare colore.
   Vale solo in tema chiaro (html senza .notte): il tema scuro, scelto dal profilo, resta com'era. Caricato dopo tutti i
   blocchi, per stare sopra di loro senza !important. */
:root {
  --rn-crema: #fdfbf7; --rn-sabbia: #f6efe2; --rn-schiuma: #eef5f5; --rn-carta: #ffffff;
  --rn-inchiostro: #0c2a33; --rn-petrolio: #0a3a48; --rn-mare: #157d92; --rn-muto: #5a7479;
  --rn-oro: #c9a24b; --rn-oro-testo: #846718; --rn-linea: rgba(12, 42, 51, .1);
}

/* Home · le bande scure diventano chiare: le mete su un fondo di mare chiaro, la frase su crema. Restano scuri la copertina
   (è una fotografia) e il riquadro per chi offre, come unico accento; il piede prende il petrolio del marchio. */
html:not(.notte) #app #home .hm-sez.hm-notte { background: var(--rn-schiuma); color: var(--rn-inchiostro); }
html:not(.notte) #app #home .hm-sez.hm-mani { background: var(--rn-crema); border-top: 1px solid var(--rn-linea); border-bottom: 1px solid var(--rn-linea); }
html:not(.notte) #app #home .hm-notte .hm-h2,
html:not(.notte) #app #home .hm-mani blockquote { color: var(--rn-inchiostro); }
html:not(.notte) #app #home .hm-notte .hm-h2 i,
html:not(.notte) #app #home .hm-mani blockquote i { color: var(--rn-oro-testo); }
html:not(.notte) #app #home .hm-notte .hm-kick,
html:not(.notte) #app #home .hm-firma { color: var(--rn-oro-testo); }
html:not(.notte) #app #home .hm-notte .hm-lead { color: var(--rn-muto); }
html:not(.notte) #app #home .hm-notte .hm-link-oro { color: var(--rn-mare); }
html:not(.notte) #app #home #lm185Home {
  background: var(--rn-crema); color: var(--rn-inchiostro); border-top: 1px solid var(--rn-linea);
  --card: var(--rn-carta); --testo: var(--rn-inchiostro); --testo2: var(--rn-muto); --bordo: var(--rn-linea);
  --lm-occhiello: var(--rn-oro-testo);
}
/* Sul crema i testi chiari e l'oro della fascia notte non si leggono: titolo d'inchiostro, prezzo e nota in toni scuri. */
html:not(.notte) #app #home #lm185Home .h-sech h3 { color: var(--rn-inchiostro); }
html:not(.notte) #app #home #lm185Home .lm185-prezzo b { color: var(--rn-oro-testo); }
html:not(.notte) #app #home #lm185Home::after { color: var(--rn-muto); }
html:not(.notte) #app #home .hm-piede { background: var(--rn-petrolio); }

/* R2 · le condizioni del prezzo, sotto il prezzo delle carte. */
html:not(.notte) .pz-cond { color: var(--rn-muto); }