/* IL RIVESTIMENTO LIBERO — dove un evento prende carattere davvero.
   =================================================================
   tema/tokens.css cambia i colori. Qui si cambiano le FORME, quando cambiare
   la tavolozza non basta a far sembrare l'app di quell'evento e non di un
   altro: il trattamento della testata, la card in evidenza, l'occhiello sopra
   i titoli, la barra delle schede, una texture di fondo.

   Questo file viene caricato DOPO styles.css, quindi quello che scrivi qui
   vince senza bisogno di !important. È l'unico posto in cui si sovrascrivono
   i componenti — styles.css e motore/ non si toccano per motivi grafici.

   Nel template è vuoto apposta. Un evento senza personalità grafica propria
   può lasciarlo così e stare benissimo con i soli token.

   Esempi di cose che stanno bene qui, non da copiare alla cieca:

     header{ background:var(--brand); color:var(--brand-testo); }
     .card.hero{ border:none; background:linear-gradient(160deg,#fff,var(--card-alt)); }
     .kicker{ letter-spacing:.18em; text-transform:uppercase; }
     nav#tabs{ backdrop-filter:blur(12px); }

   Regola — se ti accorgi di riscrivere qui mezzo styles.css, fermati: vuol
   dire che il template non regge quel design e va cambiato il template,
   non aggiunta un'altra eccezione. Parlane con Francesco.                  */

/* Il logo di The Grand Escape e' un lockup largo — "The GRAND" sopra
   "eSCaPe" — e non un marchio quadrato come quello dimostrativo. A 38 px di
   altezza sta in 79 px di larghezza, cioe' il lettering diventa illeggibile e
   resta solo una macchia. A 52 ne occupa 109 e si legge, e la testata cresce
   di otto pixel. */
header .logomark{ height:52px }