@font-face {
  font-family: InriaSans-Bold;
  src: url("../assets/fonts/InriaSans-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: InriaSans-Light;
  src: url("../assets/fonts/InriaSans-Light.ttf");
  font-weight: lighter;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: InriaSans-Regular;
  src: url("../assets/fonts/InriaSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Adoretta-Holland-Serif;
  src: url("../assets/fonts/Adoretta-Holland-Serif-BF6541ddedb144a.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Adoretta-Holland-Script;
  src: url("../assets/fonts/Adoretta-Holland-Script-BF6541ddee0637b.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-accentPrimary: #b99273;
  --background-accentPrimary: #b99273;
}
body::-webkit-scrollbar {
  width: 8px;
}
body {
  scrollbar-width: 5px;
  scrollbar-color: var(--background-accentPrimary) transparent;
  font-family: InriaSans-Regular, sans-serif;
  font-size: 1.25rem;
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--background-accentPrimary);
  border-radius: 6px;
  width: 2px;
}

.extra-bold {
  font-family: InriaSans-Bold, sans-serif;
}

.adoretta {
  font-family: Adoretta-Holland-Serif, sans-serif;
}

.inria-light {
  font-family: InriaSans-Light;
}
button:hover {
  cursor: pointer;
}