/* VisionSuite offline fonts — local @font-face (no Google Fonts). */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-400-normal.woff2") format("woff2"),
       url("../fonts/dm-sans-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-500-normal.woff2") format("woff2"),
       url("../fonts/dm-sans-latin-500-normal.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-600-normal.woff2") format("woff2"),
       url("../fonts/dm-sans-latin-600-normal.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-700-normal.woff2") format("woff2"),
       url("../fonts/dm-sans-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-800-normal.woff2") format("woff2"),
       url("../fonts/dm-sans-latin-800-normal.woff") format("woff");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/fraunces-latin-500-normal.woff2") format("woff2"),
       url("../fonts/fraunces-latin-500-normal.woff") format("woff");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/fraunces-latin-600-normal.woff2") format("woff2"),
       url("../fonts/fraunces-latin-600-normal.woff") format("woff");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/fraunces-latin-700-normal.woff2") format("woff2"),
       url("../fonts/fraunces-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/fraunces-latin-800-normal.woff2") format("woff2"),
       url("../fonts/fraunces-latin-800-normal.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"),
       url("../fonts/inter-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"),
       url("../fonts/inter-latin-600-normal.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"),
       url("../fonts/inter-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2"),
       url("../fonts/plus-jakarta-sans-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2"),
       url("../fonts/plus-jakarta-sans-latin-600-normal.woff") format("woff");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2"),
       url("../fonts/plus-jakarta-sans-latin-700-normal.woff") format("woff");
}

:root {
  --font-sans-offline: "DM Sans", "Inter", "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --font-serif-display-offline: "Fraunces", Georgia, "Times New Roman", serif;
  --vs-font-sans: "DM Sans", "Inter", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --vs-font-display: "Fraunces", Georgia, serif;
}

html,
body {
  font-family: var(--font-sans-offline);
}

.font-fraunces,
.font-display,
.font-serif-display {
  font-family: var(--font-serif-display-offline);
}