/**
 * LBNZ local brand fonts.
 *
 * Keep these files in ../fonts/ with the exact filenames below.
 * This stylesheet is deliberately loaded before all theme CSS on both the
 * front end and in Gutenberg so Kinsta/WordPress does not need to generate
 * the @font-face rules for the campaign typography to work.
 */
@font-face {
  font-family: "Klyno";
  src: url("../fonts/Klyno-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

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

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

@font-face {
  font-family: "Klyno";
  src: url("../fonts/Klyno-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Klyno";
  src: url("../fonts/Klyno-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --font-display: "Klyno", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Klyno", ui-sans-serif, system-ui, sans-serif;
}

html,
body,
.editor-styles-wrapper {
  font-family: "Klyno", ui-sans-serif, system-ui, sans-serif;
  font-synthesis: none;
}