@font-face {
  font-family: "Barlow Condensed";
  src: url("/fonts/barlow-condensed-regular-v1.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/fonts/barlow-condensed-medium-v1.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/fonts/barlow-condensed-semibold-v1.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/fonts/barlow-condensed-bold-v1.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/fonts/barlow-condensed-extrabold-v1.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/fonts/barlow-condensed-black-v1.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("/fonts/dm-sans-variable-v1.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

:root {
  --ll1-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --ll1-font-body: "DM Sans", Arial, sans-serif;
}

html {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--ll1-font-body);
  -webkit-font-smoothing: auto;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ll1-font-display);
  font-synthesis: none;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}