:root {
--font-size-xs: clamp(1rem, 0vw + 1rem, 1rem);
--font-size-s: clamp(1.1rem, 0.16vw + 1.06rem, 1.25rem);
--font-size-base: clamp(1.21rem, 0.37vw + 1.12rem, 1.56rem);
--font-size-m: clamp(1.33rem, 0.65vw + 1.17rem, 1.95rem);
--font-size-l: clamp(1.46rem, 1.03vw + 1.21rem, 2.44rem);
--font-size-xl: clamp(1.61rem, 1.52vw + 1.23rem, 3.05rem);
--font-size-2xl: clamp(1.77rem, 2.15vw + 1.23rem, 3.81rem);
--font-size-3xl: clamp(1.95rem, 2.97vw + 1.21rem, 4.77rem);
--font-size-4xl: clamp(2.14rem, 4.02vw + 1.14rem, 5.96rem);
--font-size-5xl: clamp(2.36rem, 5.36vw + 1.02rem, 7.45rem);
--font-size-6xl: clamp(2.59rem, 7.07vw + 0.83rem, 9.31rem);
--font-size-7xl: clamp(2.85rem, 9.25vw + 0.54rem, 11.64rem);
--font-size-8xl: clamp(3.14rem, 12.01vw + 0.13rem, 14.55rem);
}
@font-face {
    font-family: 'Avenir';
    src: 
        url('../../cdn/fonts/Avenir-Light.woff2') format('woff2'),
        url('../../cdn/fonts/Avenir-Light.woff') format('woff'),
        url('../../cdn/fonts/Avenir-Light.ttf') format('truetype');

    font-style: normal;
  }
* {
  font-family: 'Avenir';

}
p {
  color: var(--color-font-default);
   font-size:var(--font-size-s);
  font-weight:300;
}
h1 {
  font-size:var(--font-size-2xl);
  color:var(--color-green);
  font-weight: 200;
}
h2 {
  font-size:var(--font-size-xl);
  color: var(--color-blue);
}
h3 {
  font-size:var(--font-size-l);
  color: var(--color-brown);
}
h4 {
  font-size:var(--font-size-m);
}


/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:typography] [40.196] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 163 */