@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;
}