/* ============================================================
   MOCNO — Fonts (self-hosted)
   Saira Condensed (display/headings), Roboto (body),
   Covered By Your Grace (handwritten accent — use sparingly).

   NOTE ON WEIGHTS: The official brand guide specifies Saira
   Condensed 900 (Black) + 700 (Bold). The supplied font files
   include Black (900) and SemiBold (600) only. SemiBold is
   mapped into the 700 "bold" slot below as a practical
   substitute, and the real 700 is pulled from Google Fonts
   when online. Send the genuine Saira Condensed 700 .ttf for
   a pixel-exact offline match.
   ============================================================ */

/* True 700 weight upgrade when online (falls back to self-hosted SemiBold offline) */
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@700&display=swap');

/* ---- Saira Condensed -------------------------------------- */
@font-face {
  font-family: 'Saira Condensed';
  font-weight: 900;            /* Black — H1 / hero / big numbers */
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/SairaCondensed-Black.ttf') format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-weight: 700;            /* Bold slot — filled by SemiBold (substitute) */
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/SairaCondensed-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-weight: 600;            /* SemiBold */
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/SairaCondensed-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-weight: 300;            /* Light */
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/SairaCondensed-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-weight: 200;            /* ExtraLight */
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/SairaCondensed-ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Saira Condensed';
  font-weight: 100;            /* Thin */
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/SairaCondensed-Thin.ttf') format('truetype');
}

/* ---- Roboto (variable: weight 100–900) -------------------- */
@font-face {
  font-family: 'Roboto';
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/Roboto-Variable.ttf') format('truetype');
}

/* ---- Covered By Your Grace (handwritten accent) ----------- */
@font-face {
  font-family: 'Covered By Your Grace';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../assets/fonts/CoveredByYourGrace-Regular.ttf') format('truetype');
}