/* Treuewerk-Marke: Farben, Schriften, Abstände und Rundungen.
   Werte 1:1 aus docs/quellen/design-tokens.json. Hier und nur hier werden sie festgelegt. */

@font-face {
  font-family: "IBM Plex Serif";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../schriften/IBMPlexSerif-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../schriften/IBMPlexSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../schriften/IBMPlexSans-SemiBold.woff2") format("woff2");
}

:root {
  /* Farben */
  --tanne: #163a36;
  --petrol: #0f6b63;
  --salbei: #dcebe5;
  --messing: #a67a24;
  --messing-text: #8a6215;
  --papier: #f4f6f3;
  --weiss: #ffffff;
  --tinte: #17211f;
  --grau: #55625f;
  --linie: #d5ded9;
  --fehler: #b42318;

  /* Schriften */
  --serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --sans: "IBM Plex Sans", Arial, Helvetica, sans-serif;

  /* Abstände */
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-12: 48px;
  --space-20: 80px;

  /* Rundungen */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 999px;
}