/* Tools4Host - public/assets/css/fonts.css
 * Version: v2.2
 * Updated: 2026-01-10
 * Change:
 * - Add Inter (UI) + Playfair Display (Premium headings) from local .ttf in /public/fonts
 * - Keep Montserrat as primary family bundle
 * - Keep Roboto faces as fallback (optional)
 */

/* -----------------------------
   Inter (UI)
------------------------------ */
@font-face{
  font-family:"Inter";
  src:url("/fonts/Inter_18pt-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/fonts/Inter_18pt-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

/* -----------------------------
   Playfair Display (Premium)
------------------------------ */
@font-face{
  font-family:"Playfair Display";
  src:url("/fonts/PlayfairDisplay-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* -----------------------------
   Montserrat (Primary)
------------------------------ */
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-Thin.ttf") format("truetype");
  font-weight:100;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-ThinItalic.ttf") format("truetype");
  font-weight:100;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight:200;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-ExtraLightItalic.ttf") format("truetype");
  font-weight:200;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-LightItalic.ttf") format("truetype");
  font-weight:300;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-Italic.ttf") format("truetype");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight:500;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
  font-weight:600;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight:700;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype");
  font-weight:800;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-Black.ttf") format("truetype");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("/fonts/Montserrat-BlackItalic.ttf") format("truetype");
  font-weight:900;
  font-style:italic;
  font-display:swap;
}

/* -----------------------------
   Roboto (Fallback / Legacy)
------------------------------ */
@font-face{
  font-family:"Roboto";
  src:url("/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Roboto";
  src:url("/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Roboto";
  src:url("/fonts/Roboto-Italic.ttf") format("truetype");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}