/* GLOBAL TYPOGRAPHY VARIABLES */

html {
	font-size: 16px;
}

:root {
  --h1-fallback: 2.8rem;
  --h1: clamp(12px, 1.354vw, 26px);

  --h2-fallback: 2.3rem;
  --h2: clamp(19px, 1.146vw, 22px);

  --h3-fallback: 2rem;
  --h3: clamp(1.60rem, 1.37rem - -1.15vw, 2.38rem);
	
  --h4-fallback: 1.6rem;
  --h4: clamp(1.42rem, 1.26rem - -0.82vw, 1.98rem);
	
  --h5-fallback: 1.35rem;
  --h5: clamp(1.27rem, 1.15rem - -0.57vw, 1.65rem);
	
  --h6-fallback: 1.2rem;
  --h6: clamp(1.13rem, 1.05rem - -0.37vw, 1.38rem);
	
	
  --s-text-fallback: 0.7rem;
  --s-text: clamp(0.63rem, 0.57rem - -0.28vw, 0.81rem);
  
  --m-text-fallback: 0.8rem;
  --m-text: clamp(0.75rem, 0.68rem - -0.33vw, 0.98rem);
  
  --l-text-fallback: 0.95rem;
  --l-text: clamp(0.90rem, 0.82rem - -0.40vw, 1.17rem);
  
  --xl-text-fallback: 1.2rem;
  --xl-text: clamp(1.08rem, 0.98rem - -0.48vw, 1.40rem);
}

body.small {
    font-size: 13px;
}