/* ========================================
   DISPLAY FONTS - Albert Sans - font-primary
   ======================================== */
.font-primary {
  font-family: var(--font-primary);
}

/* HEADINGS */
.h1,
.h1-bold {
  font-family: var(--font-primary);
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-weight: var(--font-weight-bold);
}

.h2,
.h2-bold {
  font-family: var(--font-primary);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-weight: var(--font-weight-bold);
}

.h3,
.h3-bold {
  font-family: var(--font-primary);
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-weight: var(--font-weight-bold);
}

.h4,
.h4-bold {
  font-family: var(--font-primary);
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
  font-weight: var(--font-weight-bold);
}

/* BODY TEXT */
.body-01-medium {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-01);
  line-height: var(--line-height-body-01);
  font-weight: var(--font-weight-bold);
}

.body-01-bold {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-01);
  line-height: var(--line-height-body-01);
  font-weight: var(--font-weight-bold);
}

.body-02-medium {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-02);
  line-height: var(--line-height-body-02);
  font-weight: var(--font-weight-medium);
}

.body-03-medium {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-03);
  line-height: var(--line-height-body-03);
  font-weight: var(--font-weight-medium);
}

.body-03-bold {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-03);
  line-height: var(--line-height-body-03);
  font-weight: var(--font-weight-bold);
}

.body-03-extrabold {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-03);
  line-height: var(--line-height-body-03);
  font-weight: var(--font-weight-extrabold);
}

.body-04-medium {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-04);
  line-height: var(--line-height-body-04);
  font-weight: var(--font-weight-medium);
}

.body-04-bold {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-04);
  line-height: var(--line-height-body-04);
  font-weight: var(--font-weight-bold);
}

.body-04-uppercase {
  font-family: var(--font-primary);
  font-size: var(--font-size-body-04);
  line-height: var(--line-height-body-04);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 3px;
}

/* ===========================================
   DISPLAY FONTS - GASOEK ONE - font-secondary
   =========================================== */
.font-secondary {
  font-family: var(--font-secondary);
}

/* HEADINGS */
.display-1 {
  font-family: var(--font-secondary);
  font-size: var(--font-size-display-1);
  line-height: var(--line-height-display-1);
  font-weight: 400;
}

.display-2 {
  font-family: var(--font-secondary);
  font-size: var(--font-size-display-2);
  line-height: var(--line-height-display-2);
  font-weight: 400;
}

.display-3 {
  font-family: var(--font-secondary);
  font-size: var(--font-size-display-3);
  line-height: var(--line-height-display-3);
  font-weight: 400;
}

.display-4 {
  font-family: var(--font-secondary);
  font-size: var(--font-size-display-4);
  line-height: var(--line-height-display-4);
  font-weight: 400;
}