/* base.css */

/* Font ospitati sul dominio del sito: nessuna richiesta a Google Fonts. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/inter-400.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/inter-500.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/inter-600.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/manrope-400.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/manrope-500.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/manrope-600.ttf") format("truetype");
}

@media (max-width: 800px) {
  html {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Entrata discreta e ripetibile dei testi nelle sezioni. */
.ff-text-enter {
  opacity: 0;
  translate: 0 8px;
  transition:
    opacity 420ms ease-out,
    translate 420ms cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, translate;
}

.ff-text-enter.is-visible {
  opacity: 1;
  translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
  .ff-text-enter,
  .ff-text-enter.is-visible {
    opacity: 1;
    translate: none;
    transition: none;
  }
}