html {
  --scale: 1;
  font-size: calc( clamp(0.875rem, 0.8125rem + 0.208rem, 1.125rem) * var(--scale));
}
 
/* Small screens */
@media (max-width: 1024px) {
  html {
    --scale: 0.85;
  }
}

/* Standard laptop */
@media (min-width: 1025px) and (max-width: 1280px) {
  html {
    --scale: 0.95;
  }
}

/* HD desktop */
@media (min-width: 1281px) and (max-width: 1440px) {
  html {
    --scale: 0.95;
  }
}

/* Full HD */
@media (min-width: 1441px) and (max-width: 1920px) {
  html {
    --scale: 1;
  }
}

/* QHD / 2K */
@media (min-width: 1921px) and (max-width: 2560px) {
  html {
    --scale: 1.05;
  }
}

/* 4K */
@media (min-width: 2561px) and (max-width: 3840px) {
  html {
    --scale: 1.10;
  }
}

/* Ultra-wide / large screens */
@media (min-width: 3841px) {
  html {
    --scale: 1.15;
  }
}

/* Density overrides */
html[data-density="compact"] {
  --scale: 0.92;
}

html[data-density="comfy"] {
  --scale: 1.10;
}

/* Lato Fonts */
@font-face {
  font-family: Lato-Bold;
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/Pages/fonts/Lato-Bold.ttf');
}

@font-face {
  font-family: Lato-Regular;
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/Pages/fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: 'Lato-Semibold';
    font-weight: 300;
    font-display: swap;
    src: url('/public/Pages/fonts/Lato-Regular.ttf');
}
@font-face {
  font-family: Lato-Black;
  font-display: swap;
  src: url('/public/Pages/fonts/Lato-Black.ttf');
}

@font-face {
  font-family: Lato-Light;
  font-display: swap;
  src: url('/public/Pages/fonts/Lato-Light.ttf');
}
@font-face {
  font-family: 'Lato-Thin';
  src: url('/public/css/fonts/Lato/Lato-Thin.ttf');
  font-display: swap;
}



@font-face {
  font-family: 'Lato-Italic';
  src: url('/public/css/fonts/Lato/Lato-Italic.ttf');
  font-display: swap;
}
/* nunito sans */

@font-face {
  font-family: 'NunitoSans-BlackItalic';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-BlackItalic.ttf');
}

@font-face {
  font-family: 'NunitoSans-Black';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-Black.ttf');
}



@font-face {
  font-family: 'NunitoSans-ExtraBold';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-ExtraBold.ttf');
}

@font-face {
  font-family: 'NunitoSans-ExtraLight';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-ExtraLight.ttf');
}

@font-face {
  font-family: 'NunitoSans-ExtraLightItalic';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-ExtraLightItalic.ttf');
}

@font-face {
  font-family: 'NunitoSans-Italic';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-Italic.ttf');
}

@font-face {
  font-family: 'NunitoSans-Light';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-Light.ttf');
}

@font-face {
  font-family: 'NunitoSans-LightItalic';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-LightItalic.ttf');
}

@font-face {
  font-family: 'NunitoSans-Regular';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans/NunitoSans-Regular.ttf');
}

@font-face {
  font-family: 'NunitoSans-Bold';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/css/fonts/Nunito_Sans//NunitoSans-Bold.ttf');
}

@font-face {
  font-family: 'NunitoSans-SemiBold';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('/public/Pages/fonts/NunitoSans-SemiBold.ttf');
}