@font-face{font-family:'Manrope';src:url('fonts/Manrope-VariableFont_wght.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Sora';src:url('fonts/Sora-VariableFont_wght.ttf') format('truetype');font-style:normal;font-weight:100 800;font-display:swap}

:root{
  --qristo-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --qristo-font-heading:'Sora','Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* Testi/interfaccia */
html,body,body *{font-family:var(--qristo-font-body)!important}

/* Titoli: Sora anche su figli come em/span/strong, su desktop e mobile */
body h1,body h1 *,
body h2,body h2 *,
body h3,body h3 *,
body h4,body h4 *,
body h5,body h5 *,
body h6,body h6 *,
.brand,.brand *,
.brand-word,.brand-word *,
.legal-brand,.legal-brand *{
  font-family:var(--qristo-font-heading)!important;
}

/* Elementi monospace */
code,pre,kbd,samp,.secret,.code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace!important;
}

/* iPhone/iPad: Safari tende a ingrandire la pagina quando un controllo
   testuale con font inferiore a 16px riceve il focus. */
@media (hover:none) and (pointer:coarse){
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select{
    font-size:16px!important;
  }
}