/* ============================================================
   zum eibach — Webfonts
   ------------------------------------------------------------
   Etelka is the brand workhorse (body + headings). Supplied as
   OTF: Light (300), Medium (500), Bold (700) + matching italics.
   NOTE: an upright "Etelka Regular" (400) was NOT supplied, so
   weight 400 is mapped to Etelka Medium as the closest stand-in.
   The true Regular *italic* file IS present and used for 400 italic.

   "Etelka Slab" (display) was NOT supplied. Until the real files
   arrive, --font-display falls back to Aleo (a warm humanist slab
   from Google Fonts), loaded in each card/kit via a <link>.
   ============================================================ */

@font-face {
  font-family: "Etelka";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../assets/fonts/Etelka-Light.otf") format("opentype");
}
@font-face {
  font-family: "Etelka";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("../assets/fonts/Etelka-LightItalic.otf") format("opentype");
}
/* 400 upright missing → Medium stand-in */
@font-face {
  font-family: "Etelka";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../assets/fonts/Etelka-Medium.otf") format("opentype");
}
/* true Regular italic */
@font-face {
  font-family: "Etelka";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../assets/fonts/Etelka-Italic.otf") format("opentype");
}
@font-face {
  font-family: "Etelka";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../assets/fonts/Etelka-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Etelka";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("../assets/fonts/Etelka-MediumItalic.otf") format("opentype");
}
@font-face {
  font-family: "Etelka";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../assets/fonts/Etelka-Bold.otf") format("opentype");
}

/* ------------------------------------------------------------
   Inter — the brand UI face (eyebrows, nav, labels, fine print).
   This IS Inter (the family used in the source file), self-declared
   from the open @fontsource distribution — not a substitute.
   ------------------------------------------------------------ */
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.18/files/inter-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.18/files/inter-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.18/files/inter-latin-600-normal.woff2") format("woff2");
}