/* Global typography for MediMeisterschaften CI.

   H1: NeoNoire
   H2-H6 + body text: Museo Sans

   Note: We ship the font files locally from static/fonts/ to avoid external CDNs.
*/

@font-face {
  font-family: "NeoNoire";
  src:
    url("../fonts/neo-noire/SNNeoNoire-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-300.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-300Italic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-500.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-500Italic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-700.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-700Italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-900.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src:
    url("../fonts/museo-sans/MuseoSans-900Italic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-body: "Museo Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-h1: "NeoNoire", var(--font-body);
}

/* Tailwind preflight sets its own font stack; we intentionally override globally. */
body {
  font-family: var(--font-body);
  font-weight: 500;
}

h1 {
  font-family: var(--font-h1);
  font-weight: 400;
}

h2, h3, h4, h5, h6 {
  font-family: var(--font-body);
}