/*--------------------------------------------------------------
Local Font Faces
Marcellus  -> headings (h1, h2)          via var(--font-marcellus)
Satoshi    -> body / paragraphs / h3-h6  via var(--font-satoshi)
Creato Display -> opt-in accent          via var(--font-creato)
--------------------------------------------------------------*/

/* Marcellus (Google Fonts) - latin */
@font-face {
  font-family: "Marcellus";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/marcellus/Marcellus-Regular.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Marcellus (Google Fonts) - latin-ext */
@font-face {
  font-family: "Marcellus";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/marcellus/Marcellus-Regular-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Satoshi (Fontshare) */
@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/satoshi/Satoshi-Light.woff2") format("woff2");
}

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

@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/satoshi/Satoshi-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/satoshi/Satoshi-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/satoshi/Satoshi-Black.woff2") format("woff2");
}

/* Creato Display (Fontfabric) */
@font-face {
  font-family: "Creato Display";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/creato-display/CreatoDisplay-Light.woff") format("woff");
}

@font-face {
  font-family: "Creato Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/creato-display/CreatoDisplay-Regular.woff") format("woff");
}

@font-face {
  font-family: "Creato Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/creato-display/CreatoDisplay-Medium.woff") format("woff");
}

@font-face {
  font-family: "Creato Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/creato-display/CreatoDisplay-Bold.woff") format("woff");
}

@font-face {
  font-family: "Creato Display";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/creato-display/CreatoDisplay-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: "Creato Display";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/creato-display/CreatoDisplay-Black.woff") format("woff");
}