@font-face {
  font-family: "Inter-Regular";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Regular"),
    url("Inter-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter-Thin-BETA";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Thin-BETA"),
    url("Inter-Thin-BETA.woff") format("woff");
}

@font-face {
  font-family: "Inter-Extra-Light-BETA";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Extra-Light-BETA"),
    url("Inter-ExtraLight-BETA.woff") format("woff");
}

@font-face {
  font-family: "Inter-Light-BETA";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Light-BETA"),
    url("Inter-Light-BETA.woff") format("woff");
}

@font-face {
  font-family: "Inter-Medium";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Medium"),
    url("Inter-Medium.woff") format("woff");
}

@font-face {
  font-family: "Inter-Semi-Bold";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Semi-Bold"),
    url("Inter-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Inter-Bold";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Bold"),
    url("Inter-Bold.woff") format("woff");
}

@font-face {
  font-family: "Inter-Extra-Bold";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Extra-Bold"),
    url("Inter-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: "Inter-Black";
  font-style: normal;
  font-weight: normal;
  src:
    local("Inter-Black"),
    url("Inter-Black.woff") format("woff");
}

/* ---------- Font Classes ---------- */
.inter-thin {
  font-family: "Inter-Thin-BETA", sans-serif;
  font-weight: 100;
}

.inter-extralight {
  font-family: "Inter-Extra-Light-BETA", sans-serif;
  font-weight: 200;
}

.inter-light {
  font-family: "Inter-Light-BETA", sans-serif;
  font-weight: 300;
}

.inter-regular {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
}

.inter-medium {
  font-family: "Inter-Medium", sans-serif;
  font-weight: 500;
}

.inter-semibold {
  font-family: "Inter-Semi-Bold", sans-serif;
  font-weight: 600;
}

.inter-bold {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}

.inter-extrabold {
  font-family: "Inter-Extra-Bold", sans-serif;
  font-weight: 800;
}

.inter-black {
  font-family: "Inter-Black", sans-serif;
  font-weight: 900;
}