@font-face {
  font-family: "TheSun-Regular";
  src: url("https://www.dreamteamfc.com/assets/dt/fonts/TheSun-Regular.ttf") format("truetype");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TheSun-Medium";
  src: url("https://www.dreamteamfc.com/assets/dt/fonts/TheSun-Medium.ttf") format("truetype");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TheSun-Bold";
  src: url("https://www.dreamteamfc.com/assets/dt/fonts/TheSun-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "TheSunSlab-Regular";
  src: url("https://www.dreamteamfc.com/assets/dt/fonts/TheSunSlab-Regular.ttf") format("truetype");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "TheSunSlab-Bold";
  src: url("https://www.dreamteamfc.com/assets/dt/fonts/TheSunSlab-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: 700;
}

/*
 * Source of truth for the dreamteam font stack: the @font-face rules above
 * and the variables below ship together, so anything loading this file gets
 * both — the app (via layout's <head>), the header/footer styles.css, and
 * 3rd parties embedding the scraped header. Clients override by redefining
 * these in their own custom.css, which loads after this file.
 */
:root {
  --ec-font-base-regular: "TheSun-Regular", sans-serif;
  --ec-font-base-semibold: "TheSun-Medium", sans-serif;
  --ec-font-base-bold: "TheSun-Bold", sans-serif;
  --ec-font-comp-regular: "TheSunSlab-Regular", sans-serif;
  --ec-font-comp-bold: "TheSunSlab-Bold", sans-serif;
}