/*
 * Self-hosted @font-face declarations. Ports src/styles/fonts.ts from the
 * Next.js build (next/font/local) to plain CSS.
 *
 * Three faces, strictly separated roles, all SIL Open Font License:
 *   Cormorant Garamond  display only, never below 22px  (variable 300-700)
 *   Karla               body, and headings below 22px    (variable 400-700)
 *   IBM Plex Mono       eyebrows, capacities, dates, credits, breadcrumbs
 *
 * urls are RELATIVE to this file, which sits beside the woff2 files, so they
 * resolve correctly regardless of the WordPress install path. This file is
 * enqueued directly (not run through Vite), so the paths stay stable and the
 * functions.php font preloads keep matching.
 *
 * The --font-* family variables are declared in src/css/input.css so the
 * Tailwind @theme block can resolve var(--font-cormorant) etc.
 */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("cormorant-garamond-latin.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Karla";
  src: url("karla-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("ibm-plex-mono-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("ibm-plex-mono-500-latin.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}