/* Self-hosted fonts (reliable when Google Fonts is slow/blocked) */
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-Variable.woff2) format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Variable.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Bobby Jones Soft Regular";
  src:
    url(/fonts/BobbyJonesSoft-Regular.woff2) format("woff2"),
    url(/fonts/BobbyJonesSoft-Regular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Default UI typography — everything except h1/h2 */
body,
p,
li,
span,
a,
label,
input,
select,
textarea,
button,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", ui-sans-serif, system-ui, sans-serif;
}

/* Display headings only (not farmer dashboard / settings in Next.js) */
body:not(.dashboard):not(.einstellungen) h1,
body:not(.dashboard):not(.einstellungen) h2 {
  font-family: "Bobby Jones Soft Regular", serif;
  font-synthesis: none;
}

.dashboard h1,
.dashboard h2,
.einstellungen h1,
.einstellungen h2,
body.dashboard h1,
body.dashboard h2,
body.einstellungen h1,
body.einstellungen h2 {
  font-family: "Open Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: inherit;
  font-synthesis: auto;
}