/* Chakra Petch - lokal gehostet (public/fonts/1/) */
/* Verwende woff2 wenn verfügbar; hier als Fallback TTF (wie in deinem Ordner). */
/* font-display: swap für bessere Performance / UX */

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Chakra Petch";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/1/ChakraPetch-BoldItalic.ttf") format("truetype");
}

/* Fallback system fonts für Performance / Privacy */
:root{
  --ui-font: "Chakra Petch", "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

html, body {
  font-family: var(--ui-font);
}