/* mws-site-kit v0.2.0 | css/fonts/industrial.css
   ==========================================================================
   FONT PAIRING: industrial
   Heavy and blunt. Hauling, excavating, roofing, demolition.

     display  Archivo Black @ 400
     body     Barlow
     util     Barlow Condensed

   Font URLs below are relative to THIS FILE, which lives in css/fonts/ - so
   they read 'industrial/x.woff2', not 'fonts/industrial/x.woff2'. Getting that
   wrong puts every face into the browser's "error" state and the page falls
   back to system-ui silently, with no console error and no visible failure
   beyond the type looking wrong.

   Load AFTER tokens.css so these override the placeholder stacks, and copy
   the matching css/fonts/industrial/ folder alongside it:

     <link rel="stylesheet" href="css/tokens.css">
     <link rel="stylesheet" href="css/fonts/industrial.css">
     <link rel="stylesheet" href="css/base.css">

   Generated by tools/fetch-fonts.mjs. Do not hand-edit; re-run the tool.
   Faces are the latin subset only, from Google Fonts, SIL Open Font License.

   font-display:swap means text paints immediately in the fallback and swaps
   when the face arrives. Never invisible, which is the same rule the rest of
   this kit follows.
   ========================================================================== */

@font-face{
  font-family:'Archivo Black';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('industrial/archivo-black-400.woff2') format('woff2');
}
@font-face{
  font-family:'Barlow';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('industrial/barlow-400.woff2') format('woff2');
}
@font-face{
  font-family:'Barlow';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('industrial/barlow-600.woff2') format('woff2');
}
@font-face{
  font-family:'Barlow';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('industrial/barlow-700.woff2') format('woff2');
}
@font-face{
  font-family:'Barlow';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url('industrial/barlow-800.woff2') format('woff2');
}
@font-face{
  font-family:'Barlow Condensed';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('industrial/barlow-condensed-500.woff2') format('woff2');
}
@font-face{
  font-family:'Barlow Condensed';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('industrial/barlow-condensed-600.woff2') format('woff2');
}
@font-face{
  font-family:'Barlow Condensed';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('industrial/barlow-condensed-700.woff2') format('woff2');
}

:root{
  --font-display:'Archivo Black',system-ui,sans-serif;
  --font-body:'Barlow',system-ui,-apple-system,sans-serif;
  --font-util:'Barlow Condensed',system-ui,sans-serif;

  /* Read by base.css for h1-h3. See the note in tools/fetch-fonts.mjs:
     a display face that is not single-weight-heavy needs this raised or
     every heading on the site renders limp. */
  --font-display-weight:400;
}