/* ==========================================================================
   HostSuite Fonts
   Copia per il tema WordPress. File canonico nella skill hostsuite-design.

   Il font originale di Learnn e' Messina Sans, un neo-grottesco di Luzi Type.
   E' PROPRIETARIO: i file .woff2 presenti nel repo designn non danno diritto
   di usarlo su un sito commerciale terzo. Serve una licenza da Luzi Type per
   impiegarlo su hostsuite.it.

   Sostituzione consigliata: Inter. E' gratuito (SIL Open Font License),
   gia' in uso sul sito attuale, ed e' stilisticamente molto vicino a Messina
   Sans (stessa famiglia neo-grottesca, altezza x simile, forme pulite).
   Alternativa altrettanto valida e piu' calda: Hanken Grotesk.

   NOTA TEMA: Inter viene caricato dal tema tramite wp_enqueue_style
   ('hostsuite-fonts') in functions.php, con i pesi 300;400;500;600;700;800.
   Per questo l'@import qui sotto e' DISATTIVATO: un @import dentro un foglio
   di stile e' render-blocking e sequenziale, mentre il <link> in coda e'
   piu' veloce. Se un giorno si toglie quell'enqueue, riattivare l'@import.
   ========================================================================== */

/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap'); */

/* Se e/quando ottieni la licenza Messina Sans, decommenta e posiziona i file
   nella cartella del tema, poi anteponi 'Messina Sans' nello stack in tokens.css.

@font-face {
  font-family: 'Messina Sans';
  src: url('../fonts/MessinaSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messina Sans';
  src: url('../fonts/MessinaSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messina Sans';
  src: url('../fonts/MessinaSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messina Sans';
  src: url('../fonts/MessinaSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messina Sans';
  src: url('../fonts/MessinaSans-Black.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
*/

/* Applicazione base.
   In FASE 1 questa regola resta "sotto" a quella di style.css (che carica dopo),
   quindi non cambia ancora l'aspetto del sito: serve solo da base del design system. */
body {
  font-family: var(--hs-font-family);
  font-size: var(--hs-font-size-base);
  font-weight: var(--hs-font-weight-regular);
  color: var(--hs-text-base);
  background-color: var(--hs-bg-app);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}