/*------------------------------------*\
    $FONTS — The Coquinas
    Layer 2 of 6. PROJECT FILE.

    Self-hosted faces only. Google Sans Flex is Google-hosted and
    enqueued in functions.php — never declared here.

    PATH WARNING: relative url() resolves from THIS FILE's location
    (css/), not the theme root. Fonts live in /fonts/, so every path
    begins ../fonts/.

    CONSUMER TYPE — one family, 9 static weights x 2 styles (18 files).
    The font files' own legacy name table registers each weight as a
    SEPARATE family ("Consumer Type Black", "Consumer Type Bold", etc)
    — old-style static naming. Ignored here on purpose: every rule below
    uses ONE family name, "Consumer Type", varied by font-weight and
    font-style, which is what lets `font-weight: 900` resolve correctly
    from kit CSS without hardcoding a different family name per weight.

    Only Black (900) is confirmed in use as of this pass (hero, Mission,
    Rules heading — all display-scale). The other 8 weights are
    registered so they're available the moment a build needs a lighter
    display treatment; an unreferenced @font-face never downloads.

    LICENSING: confirm this self-hosted webfont licence covers
    coquinas.flamingomag.com for production AND staging.
\*------------------------------------*/

@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-thinitalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-extralight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-extralightitalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-lightitalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-regularitalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-mediumitalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-semibolditalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-bolditalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-extrabolditalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Consumer Type";
  src: url("../fonts/consumertype-blackitalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}