/* Inter — body font. Self-hosted under /fonts/Inter/ so we drop the
   two extra connections to fonts.googleapis.com + fonts.gstatic.com
   that previously gated first paint. `font-display: swap` matches what
   Google Fonts emitted, so the visual behaviour is unchanged on slow
   networks (system font shown, then swapped to Inter). */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse Screen';
  src: url('/fonts/SuisseScreen/SuisseScreen-SemiBold.woff2') format('woff2');
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse Screen WM';
  src: url('/fonts/SuisseScreen/SuisseScreen-SemiBold-WM.woff2') format('woff2');
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

/* Shared utility so every page (not just index.html) picks up the heading
   font — used by page headings. */
.font-heading { font-family: 'Suisse Screen', sans-serif; }

/* Dedicated family for the "WattMatch" wordmark (custom glyphs in the -WM file). */
.font-wattmatch { font-family: 'Suisse Screen WM', 'Suisse Screen', sans-serif; }