/* ==========================================================================
   SOGNIA — token delle pagine del marchio (centro di controllo, listino, documenti)
   Si carica DOPO brand/dream-center.css. Le demo dei clienti non lo caricano mai.
   ========================================================================== */
:root {
  --sognia-corallo: #eb653e;        /* dal logo: grafica, icone, fondi; testo solo >= 24 px (3,25:1 sul bianco) */
  --sognia-corallo-testo: #c7492b;  /* testo e bottoni con testo bianco: 4,52:1 su --carta, 4,76:1 su bianco (era #c84a2c = 4,47 su --carta) */
  --sognia-giallo: #ffde59;         /* dal logo: solo su fondo scuro */
  --sognia-ambra: #ffbd59;          /* dal logo: evidenze, pennellata sotto i titoli, fondo con testo --nero */
  --sognia-notte: #151413;          /* = --nero: fondo della barra con il logo a colori */
  --accento: var(--sognia-corallo-testo);
  --accento-2: var(--sognia-ambra);
  --raggio: 18px;                   /* più morbido, coerente con il logo arrotondato */
}

/* Marchio su fondo chiaro: icona + scritta «Sogn» nero, «IA» corallo.
   <span class="sognia-marchio"><img src="…/brand/sognia/sognia-icona-180.png" alt=""><span>Sogn<em>IA</em></span></span> */
.sognia-marchio {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  font-family: var(--sans, "Inter Tight", "Helvetica Neue", Arial, sans-serif);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1;
  color: var(--nero, #151413);
}
.sognia-marchio img { height: 1.9em; width: auto; display: block; }
.sognia-marchio em { font-style: normal; color: var(--sognia-corallo-testo); }