/* Speth-Wilhelmshof – Tokens, erzeugt aus tokens.json des Design Systems. Nicht von Hand ändern. */
@font-face { font-family: "Vollkorn"; src: url("../fonts/Vollkorn-Variable.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Vollkorn"; src: url("../fonts/Vollkorn-Italic-Variable.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Alegreya Sans"; src: url("../fonts/AlegreyaSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Alegreya Sans"; src: url("../fonts/AlegreyaSans-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Alegreya Sans"; src: url("../fonts/AlegreyaSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Alegreya Sans"; src: url("../fonts/AlegreyaSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Kalam"; src: url("../fonts/Kalam-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
:root {
  --ink: #2b241c;
  --ink-muted: #5a4f40;
  --tanne: #34684a;
  --tanne-hell: #7b9276;
  --on-tanne: #fbf8ef;
  --holz: #6e4628;
  --holz-hell: #c9ad86;
  --etikett: #f9db1a;
  --on-etikett: #1f1c18;
  --on-wald: #f6f2e6;
  --fokus: var(--holz);
  --fokus-on-wald: var(--etikett);
  --link: var(--tanne);
  --fehler: #9b3524;
  --fehler-soft: #f7e3dc;
  --leinen: #efece3;
  --leinen-tief: #e3dfd2;
  --papier: #f9f6ee;
  --linie: #d3cec1;
  --linie-stark: #857f72;
  --tanne-soft: #e2e4d6;
  --saison: #ddb257;
  --wald: #20342a;
  --wald-tief: #18291f;
  --on-wald-muted: #c9ccbb;
  --saison-on-wald: #ecc76e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 80px;
  --radius-sm: 0px;
  --radius-md: 2px;
  --radius-lg: 3px;
  --schatten-papier: 0 1px 2px rgba(43,36,28,0.10), 0 12px 26px -14px rgba(43,36,28,0.35);
  --schatten-etikett: 0 1px 0 rgba(43,36,28,0.18), 0 3px 6px -2px rgba(43,36,28,0.35);
  --schatten-buehne: 0 24px 48px -24px rgba(0,0,0,0.55);
  --breite-seite: 1120px;
  --breite-text: 68ch;
  --font-serif: Vollkorn, Georgia, "Times New Roman", serif;
  --font-sans: "Alegreya Sans", "Gill Sans", "Trebuchet MS", sans-serif;
  --font-marker: Kalam, "Bradley Hand", "Segoe Print", cursive;
}