/*
 * Local fonts.css — references webfont files in ../webfonts/ and ../fonts/
 * Provides @font-face rules for downloaded Google Fonts and system fallbacks.
 */

/* Open Sans — system fallback (no local woff2 available; uses system fonts) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'),
       local('OpenSans'),
       -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Open Sans Medium'),
       local('OpenSans-Medium'),
       -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
}

/* Roboto — local woff2 for 400/500/700 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/roboto-400.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../webfonts/roboto-500.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/roboto-700.woff2') format('woff2');
  font-display: swap;
}

/* Open Sans — local woff2 for 400/600 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/opensans-400.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/opensans-600.woff2') format('woff2');
  font-display: swap;
}

/*
 * Note: To add more webfont binaries, download from:
 * https://google-webfonts-helper.herokuapp.com/fonts
 * 
 * Example @font-face rules for additional fonts:
 * 
 * @font-face {
 *   font-family: 'Open Sans';
 *   font-style: normal;
 *   font-weight: 400;
 *   src: url('../webfonts/opensans-regular-v34-latin.woff2') format('woff2');
 * }
 *
 * @font-face {
 *   font-family: 'Roboto';
 *   font-style: normal;
 *   font-weight: 500;
 *   src: url('../webfonts/roboto-500-v30-latin.woff2') format('woff2');
 * }
 */

/* Apply site font-family preferences to ensure local fonts are used */
html, body {
  font-family: 'Open Sans', Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
}

