/* =========================================================
   SciFlow brand — @font-face declarations.
   Loaded once per page by consumers. URLs are relative to this
   file, so `dist/fonts.css` + `dist/assets/fonts/*.woff2` must
   be served from the same origin.

   Skills producing offline/self-contained HTML should either:
     (a) link this file from a CDN (sciflow.net/ds/v1/fonts.css),
     (b) inline this file and base64 the woff2 payloads, or
     (c) skip fonts.css entirely and rely on the fallback stack.
   ========================================================= */

/* ----- Open Sans — primary (body, UI, prose) ----- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('./assets/fonts/open-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('./assets/fonts/open-sans-700.woff2') format('woff2');
}

/* ----- Raleway — display (hero h1, section titles on marketing) ----- */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Raleway'), local('Raleway-Regular'),
       url('./assets/fonts/raleway-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('./assets/fonts/raleway-700.woff2') format('woff2');
}

/* ----- Roboto Condensed — system (dense chrome, nav, timestamps) ----- */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('./assets/fonts/roboto-condensed-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('./assets/fonts/roboto-condensed-700.woff2') format('woff2');
}

/* ----- Roboto Mono — code, technical identifiers, timestamps -----
   Not yet vendored — loaded from Google Fonts CDN. Vendor woff2 files
   into assets/fonts/ and switch the src to local-first to go offline.
*/
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Mono'), local('RobotoMono-Regular'),
       url('https://fonts.gstatic.com/s/robotomono/v23/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh3rAX0.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'),
       url('https://fonts.gstatic.com/s/robotomono/v23/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_1PrtSM1J-gEPT5Ese6hmHSh3rAX0.woff2') format('woff2');
}