/* =============================================================
   FONTS — Kinerjio Design System

   Brand font: Montserrat (local, owned).
   - Primary: variable TTF (single file, wght 100-900, normal + italic)
   - Static weights available as individual TTFs for tools that
     don't support variable axes (PPTX export, email clients, PDF).

   Also in use (via Google Fonts):
   - Plus Jakarta Sans  — UI sans
   - JetBrains Mono     — numbers / mono
   - Fraunces           — hero display serif
   ============================================================= */

/* -------- Variable (primary, modern browsers) --------
   Single file covers the whole 100-900 axis — preferred for screen. */
@font-face {
  font-family: 'Montserrat';
  src: url('./Montserrat-VariableFont_wght.ttf') format('truetype-variations'),
       url('./Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('./Montserrat-Italic-VariableFont_wght.ttf') format('truetype-variations'),
       url('./Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* -------- Static weights (primary family, fallback for non-variable UAs) --------
   Registered under 'Montserrat' so any browser that can't use the variable
   axis still gets the full weight scale from local brand-owned files. */
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-Thin.ttf')           format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-ThinItalic.ttf')     format('truetype'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-ExtraLight.ttf')     format('truetype'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-Light.ttf')          format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-LightItalic.ttf')    format('truetype'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-Regular.ttf')        format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-Italic.ttf')         format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-Medium.ttf')         format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-MediumItalic.ttf')   format('truetype'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-SemiBold.ttf')       format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-Bold.ttf')           format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-BoldItalic.ttf')     format('truetype'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-ExtraBold.ttf')      format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-Black.ttf')          format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Montserrat-BlackItalic.ttf')    format('truetype'); font-weight: 900; font-style: italic; font-display: swap; }

/* -------- Static weights (fallback, for non-variable contexts) --------
   Registered under a separate family name so designers can explicitly
   opt in for PPTX / PDF exports via font-family: 'Montserrat Static'.
   Modern browsers will prefer the variable font above for screen use. */
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-Thin.ttf') format('truetype');           font-weight: 100; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-ThinItalic.ttf') format('truetype');     font-weight: 100; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-ExtraLight.ttf') format('truetype');     font-weight: 200; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-Light.ttf') format('truetype');          font-weight: 300; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-LightItalic.ttf') format('truetype');    font-weight: 300; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-Regular.ttf') format('truetype');        font-weight: 400; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-Italic.ttf') format('truetype');         font-weight: 400; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-Medium.ttf') format('truetype');         font-weight: 500; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-MediumItalic.ttf') format('truetype');   font-weight: 500; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-SemiBold.ttf') format('truetype');       font-weight: 600; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-Bold.ttf') format('truetype');           font-weight: 700; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-BoldItalic.ttf') format('truetype');     font-weight: 700; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-ExtraBold.ttf') format('truetype');      font-weight: 800; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-Black.ttf') format('truetype');          font-weight: 900; font-style: normal; }
@font-face { font-family: 'Montserrat Static'; src: url('./Montserrat-BlackItalic.ttf') format('truetype');    font-weight: 900; font-style: italic; }