@font-face {
  font-family: "Albert Sans";
  src: url("./AlbertSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Albert Sans";
  src: url("./AlbertSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Albert Sans";
  src: url("./AlbertSans-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Albert Sans";
  src: url("./AlbertSans-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Albert Sans";
  src: url("./AlbertSans-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-albert: "Albert Sans", sans-serif;
  --font-heading: var(--font-albert);
  --font-body: var(--font-albert);
}

html,
body,
button,
input,
select,
textarea,
doc-page {
  font-family: var(--font-albert);
}

.sc-placeholder-error,
.sc-interp.sc-unresolved,
.sc-logic-error {
  font-family: var(--font-albert) !important;
}