:root {
  --ft-family: "Lato", sans-serif; /* swap here if you want another font later */
}

/* Thin */
.ft-thin {
  font-family: var(--ft-family);
  font-weight: 100;
  font-style: normal;
}
.ft-thin-italic {
  font-family: var(--ft-family);
  font-weight: 100;
  font-style: italic;
}

/* Light */
.ft-light {
  font-family: var(--ft-family);
  font-weight: 300;
  font-style: normal;
}
.ft-light-italic {
  font-family: var(--ft-family);
  font-weight: 300;
  font-style: italic;
}

/* Regular */
.ft-regular {
  font-family: var(--ft-family);
  font-weight: 400;
  font-style: normal;
}
.ft-regular-italic {
  font-family: var(--ft-family);
  font-weight: 400;
  font-style: italic;
}

/* Bold */
.ft-bold {
  font-family: var(--ft-family);
  font-weight: 700;
  font-style: normal;
}
.ft-bold-italic {
  font-family: var(--ft-family);
  font-weight: 700;
  font-style: italic;
}

/* Black */
.ft-black {
  font-family: var(--ft-family);
  font-weight: 900;
  font-style: normal;
}
.ft-black-italic {
  font-family: var(--ft-family);
  font-weight: 900;
  font-style: italic;
}