@font-face {
  font-family: 'AvertaStd';
  font-style: normal;
  src: url("../fonts/avertastd-regular.woff") format("woff"), url("../fonts/avertastd-regular.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'AvertaStd';
  font-weight: bold;
  src: url("../fonts/avertastd-bold.woff") format("woff"), url("../fonts/avertastd-bold.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'AvertaStd';
  font-weight: 600;
  src: url("../fonts/avertastd-semibold.woff") format("woff"), url("../fonts/avertastd-semibold.otf") format("opentype");
  font-display: swap;
}

* {
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  word-break: break-word;
  outline: none;
  text-decoration: none;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-family: AvertaStd, -apple-system, BlinkMacSystemFont, sans-serif !important;
  overscroll-behavior: none;
}

::selection {
  color: #3c4852;
  background: rgba(8, 189, 128, 0.4);
}

:root {
  --filter: 0;
  --theme: light;
  --colors-base: #fcfcfc;
  --colors-notfnHover: #E6E6E6;
  --colors-white: #fff;
  --colors-whiteV2: #fff;
  --colors-whiteV3: #fff;
  --colors-whiteV4: #fcfcfc;
  --colors-whiteV5: #F0F4F7;
  --colors-whiteV6: #fcfcfc;
  --colors-offWhiteV2: #fff;
  --colors-offWhiteV3: #8f8f8f;
  --colors-green: #08bd80;
  --colors-darkGreen: #07a872;
  --colors-darkRed: #d64f4f;
  --colors-fontGrey: #3C4852;
  --colors-fontGreyV1: #627984;
  --colors-fontGreyV2: #3C4852;
  --colors-fontGreyV3: #3C4852;
  --colors-fontGreyV4: #3C4852;
  --colors-fontLightGrey: #808080;
  --colors-fontLightGreyV2: #808080;
  --colors-fontLightGreyV3: #7A8B94;
  --colors-dropShadow: #f0f4f7;
  --colors-dropShadowV2: #f0f4f7;
  --colors-dropShadowV4: #f0f4f7;
  --colors-dropShadowV5: rgba(221, 230, 237, 0.4);
  --colors-dropShadowV6: f1f5f7;
  --colors-dropShadowV7: #f0f4f7;
  --colors-fontLightBlue: #dde6ed;
  --colors-fontLightBlueV2: #dde6ed;
  --colors-fontDarkBlue: #9aafbf;
  --colors-fontDarkBlueV3: #9aafbf;
  --colors-fontDarkBlueV4: #9aafbf;
  --colors-fontDarkBlueV5: #9aafbf;
  --colors-blue: #2d81f7;
  --colors-red: #eb5757;
  --colors-orange: #FFAD3B;
  --colors-orangeV2: #EE900D;
  --colors-streakOngoing: rgba(255, 173, 59, 0.2);
  --colors-streakPrevious: rgba(154, 175, 191, 0.20);
  --colors-transparentBlack: rgba(0, 0, 0, 0.3);
  --colors-disabled: rgba(154, 175, 191, 0.4);
  --colors-greyV3: #8698A6;
  --colors-grey: #DDDDDD;
  --colors-greyV2: #7A8B94;
  --colors-orangeV3: #FFB43B;
  --colors-orangeV4: #FFE4BF;
  --colors-orangeV5: #FFF6E9;
}

body::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}

body::-webkit-scrollbar-button {
  display: none;
}

body::-webkit-scrollbar-corner {
  background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 2px solid #fff;
}

body::-webkit-scrollbar-track {
  background-color: #fff;
}

::selection {
  color: #3c4852;
  background: rgba(8, 189, 128, 0.4);
}

// Importing others
@import 'header';
@import 'footer';
@import 'breakpoints';
@import 'random_color';