/* ===========================================================================
   HydroTeam: Fonts
   ---------------------------------------------------------------------------
   The team's decks are set in MONTSERRAT (confirmed by the team). Montserrat
   is the display + UI + body face here; JetBrains Mono carries real data
   (spec figures, telemetry). The logo keeps its own custom italic wordmark.
   =========================================================================== */

/* The file is self-sufficient: on its own it declares the faces it names, so
   any other consumer of the design system gets them by linking this one file.
   The APP does not rely on that — templates/base.html preconnects and links
   the very same URL first, because an @import cannot be fetched until the file
   naming it has arrived and that put the webfont CSS three hops down a chain.
   The browser dedupes the identical URL, so the app pays nothing for the line
   below and the token file still works standalone. Montserrat is the team's own
   pinned face, confirmed against their decks; the detector's "overused font"
   verdict on it is waived in the design tool's own config
   (.impeccable/config.json) rather than in this stylesheet. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* Display, big uppercase slide titles, hero. Montserrat 800/900. */
  --font-display: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Headings / UI labels. */
  --font-heading: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Body / running text. */
  --font-body: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Mono, real data, specs, telemetry, code. */
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
}