/* ============================================================================
   SELF-HOSTED FONTS — ERP•AI design-elevation stack
   ============================================================================
   Variable-axis WOFF2 files downloaded from Fontshare's CDN
   (https://www.fontshare.com), free for commercial use, no attribution
   required. Stored under src/assets/fonts/fontshare/ and copied to
   out/assets/fonts/fontshare/ by .eleventy.js passthrough.

   Most faces use `font-display: swap` so text remains available while the
   WOFF2 streams in. Clash Grotesk is the exception: its home-hero geometry is
   brand-critical and preloaded on that route, so `block` prevents a fallback
   face from flashing at a different width before the display face is ready.

   These declarations are inert until CSS references the families via
   `--font-heading` / `--font-body` / `--font-eyebrow` / `--font-mono`.
   ============================================================================ */

@font-face {
  font-family: 'Cooper Hewitt ERP';
  src: url('../fonts/open-foundry/cooper-hewitt/cooper-hewitt-latin-500-normal.woff2')
    format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cooper Hewitt ERP';
  src: url('../fonts/open-foundry/cooper-hewitt/cooper-hewitt-latin-600-normal.woff2')
    format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cooper Hewitt ERP';
  src: url('../fonts/open-foundry/cooper-hewitt/cooper-hewitt-latin-700-normal.woff2')
    format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clash Grotesk';
  src: url('../fonts/fontshare/clash-grotesk-variable.woff2') format('woff2-variations');
  font-weight: 200 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Supreme;
  src: url('../fonts/fontshare/supreme-variable.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Supreme;
  src: url('../fonts/fontshare/supreme-variable-italic.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Office Code Pro ERP';
  src: url('../fonts/open-foundry/office-code-pro/officecodepro-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Office Code Pro ERP';
  src: url('../fonts/open-foundry/office-code-pro/officecodepro-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Office Code Pro ERP';
  src: url('../fonts/open-foundry/office-code-pro/officecodepro-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}