/* Muli */
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Crimson Text */
@font-face {
  font-family: "Crimson Text";
  src: url("../fonts/CrimsonText-Roman.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url("../fonts/CrimsonText-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url("../fonts/CrimsonText-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* TT Norms Pro (rename files or escape spaces) */
@font-face {
  font-family: "TT Norms Pro";
  src: url("../fonts/TT%20Norms%20Pro%20Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url("../fonts/TT%20Norms%20Pro%20Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url("../fonts/TT%20Norms%20Pro%20Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

  @font-face {
    font-family: "Cookie";
    src: url("../fonts/Cookie-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  .font-cookie {
    font-family: "Cookie", cursive !important;
  }

/* Usage examples */
body {
  font-family: "TT Norms Pro", "Muli", Arial, sans-serif;
}
h1, h2, h3 {
  font-family: "Crimson Text", Georgia, serif;
}