/* ============================================================
   Self-hosted app fonts — Fira Sans (headings) + Istok Web (content)
   ------------------------------------------------------------
   This file is served from the deployment root (Angular copies
   projects/myhub/public/** to the base href — `/` in dev, `/myhub/`
   in prod). It is linked from index.html, NOT bundled by the build,
   so the url() paths below resolve RELATIVE TO THIS FILE's own
   location (`<base>/fonts/fonts.css`) and stay correct in every
   environment without hard-coding the base href.

   Weight coverage:
     Fira Sans  — 300 Light, 400 Regular, 500 Medium, 600 SemiBold,
                  700 Bold, 800 ExtraBold  (headings, full scale)
     Istok Web  — 400 Regular, 700 Bold, 400 Italic  (content; the
                  family ships only these weights)
   ============================================================ */

/* ── Fira Sans ─────────────────────────────────────────────── */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./Fira_Sans/FiraSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Fira_Sans/FiraSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./Fira_Sans/FiraSans-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./Fira_Sans/FiraSans-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./Fira_Sans/FiraSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('./Fira_Sans/FiraSans-ExtraBold.ttf') format('truetype');
}

/* ── Istok Web ─────────────────────────────────────────────── */
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Istok_Web/IstokWeb-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./Istok_Web/IstokWeb-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('./Istok_Web/IstokWeb-Italic.ttf') format('truetype');
}