/* Font faces. A face is only downloaded when something on the page uses it.
   The metric overrides pin every OS to each family's hhea metrics; without them Windows uses
   Styrene's much taller win metrics and text drifts off the baseline. They must agree with
   --styrene-m / --sharphy-m in tokens.css. */

@font-face {
  font-family: "Styrene A";
  src: url("../fonts/StyreneA-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 76.4%;
  descent-override: 23.6%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Styrene A";
  src: url("../fonts/StyreneA-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  ascent-override: 76.4%;
  descent-override: 23.6%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sharphy";
  src: url("../fonts/Sharphy-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}