/*
 * fonts.css
 * VS Hospitals WordPress Theme
 *
 * Mirrors the exact Inter font stack used in the Gatsby project.
 * Source files: src/assets/fonts/Inter-*.woff2
 */

/* ── Inter Regular (400) ── */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
}

/* ── Inter Light (300) ── */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Inter-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Inter-Light";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Inter-Light.woff2") format("woff2");
}

/* ── Inter Medium (500) ── */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2");
}

/* ── Inter SemiBold (600) ── */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter-Semibold";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
}

/* ── Inter Bold (700) ── */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2") format("woff2");
}

/* ── Global base font ── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  font-family: "Inter", "Inter-Regular", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  font-weight: 400;
  overflow-x: clip;
  width: 100%;
  color: #1f2937;
  top: 0 !important; /* Google Translate fix */
}

/* ── Utility font classes (mirror Gatsby common.css) ── */
.font-regular  { font-family: "Inter-Regular", "Inter", sans-serif; }
.font-medium   { font-family: "Inter-Medium",  "Inter", sans-serif; font-weight: 500; }
.font-semibold { font-family: "Inter-Semibold","Inter", sans-serif; font-weight: 600; }
.font-bold     { font-family: "Inter-Bold",    "Inter", sans-serif; font-weight: 700; }
.font-light    { font-family: "Inter-Light",   "Inter", sans-serif; font-weight: 300; }