@font-face {
  font-family: 'News Gothic Std';
  src: url('../assets/fonts/NewsGothicStd.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'News Gothic Std Bold';
  src: url('../assets/fonts/NewsGothicStd-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

:root {
  font-size: 62.5%;
  --fonts-primary_normal: 'News Gothic Std', Arial, sans-serif;
  --fonts-primary_bold: 'News Gothic Std Bold', Arial, sans-serif;

  --tints-neutral_100: #ffffff;
  --tints-neutral_200: #edf2f2;
  --tints-neutral_300: #c8d4d9;
  --tints-neutral_325: #9DB7BE;
  --tints-neutral_400: #475666;

  --transparent-neutral_100: rgba(237, 242, 242, 0.75);

  --tints-green_100: #e6f1e5;
  --tints-green_200: #bfe1bd;
  --tints-green_300: #49a942;
  --tints-green_400: #206034;

  --tints-red_100: #ed1c2e;
  --tints-red_200: #ab4f6b;

  --corner-radius-extragrande: 4rem;
  --corner-radius-grande: 2.4rem;
  --corner-radius-medio: 1.6rem;
  --corner-radius-pequeno: 1rem;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: var(--tints-neutral_100);
}

::-webkit-scrollbar-thumb {
  background: var(--tints-green_300);
  border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--tints-green_200);
}

::selection {
  color: var(--tints-green_400);
  background-color: var(--tints-green_200);
}

body {
  font-family: var(--fonts-primary_normal);
  overflow-y: hidden;
}

sup {
  font-size: 50%;
  vertical-align: super !important;
}