@font-face {
  font-family: "Titling Gothic FB Wide";
  src: url("./TitlingGothicFB-WideBold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Titling Gothic FB Wide";
  src: url("./TitlingGothicFB-WideMd.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Titling Gothic FB";
  src: url("./TitlingGothicFB-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Titling Gothic FB";
  src: url("./TitlingGothicFB-Light.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

:root {
  --font-family: "Titling Gothic FB", sans-serif;
  --fonts-weight-bold: 700;
  --fonts-weight-medium: 500;
  --fonts-weight-regular: 400;
  --fonts-weight-light: 300;

  /* new tokens */
  --des-direction-title-font-family: "Titling Gothic FB Wide", sans-serif;
  --des-direction-text-font-family: "Titling Gothic FB", sans-serif;
  --des-direction-direction: "LTR";
  --des-direction-weight-bold: 700;
  --des-direction-weight-wide-bold: 700;
  --des-direction-weight-medium: 500;
  --des-direction-weight-wide-medium: 500;
  --des-direction-weight-regular: 400;
  --des-direction-weight-light: 300;
}