/* Self-hosted font: Inter, used for everything.
   Loaded AFTER styles.css, so it only overrides the font choices.
   To go back to the old look, remove the <link> to this file from the pages (see README). */

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body,
button,
input,
select,
textarea,
h1, h2, h3,
.site-name,
.booking-form legend {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Inter headings read best a touch tighter and bold */
h1, h2, h3, .booking-form legend {
  font-weight: 700;
  letter-spacing: -0.02em;
}