/* ============================
   INSTRUMENT SERIF
   ============================ */

@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/instrument-serif/instrument-serif-v5-latin-regular.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/fonts/instrument-serif/instrument-serif-v5-latin-italic.woff2")
    format("woff2");
  font-display: swap;
}

/* ============================
   EB GARAMOND
   ============================ */

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/eb-garamond/eb-garamond-v32-latin-regular.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/eb-garamond/eb-garamond-v32-latin-500.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/eb-garamond/eb-garamond-v32-latin-600.woff2")
    format("woff2");
  font-display: swap;
}

/* ============================
   INTER
   ============================ */

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

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

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

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

/* ---------- Buttons ---------- */

:root {
  --section-bg: #ffffff; /* <-- neu */
  --color-primary: #8b0035;
  --color-accent: #ffeac1;
  --section-text: #000000;
  --section-text-two: #000000;
  /* ...restliche Farben... */
}

.btn-pill {
  padding: 0.85rem 2.6rem;
  border-radius: 999px;
  border: 1.5px solid var(--color-primary);
  background-color: transparent;
  color: var(--color-primary);

  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
  cursor: pointer;

  transition: background-color 0.5s ease, color 0.4s ease,
    border-color 0.5s ease;
}

.btn-pill:hover {
  background-color: var(--color-primary);
  color: var(--section-bg); /* wird weiß (#fff) */
  border-color: var(--color-primary);
}