/* Brandenburgtag 2027 — Design-Tokens
   Quelle: Designsystem „Brandenburgtag-Beelitz“ (tokens.json).
   In Elementor: Farben als Global Colors, Schriften als Global Fonts anlegen (Namen 1:1 übernehmen). */

@font-face {
  font-family: "DK Scrawny Cat";
  src: url("/assets/font/DKScrawnyCat.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Flex";
  src: url("/assets/font/GoogleSansFlex.woff2") format("woff2");
  font-weight: 1 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Farben */
  --Rot: #dd0b00;
  --Rot-hover: #bf0800;
  --Rot-pressed: #8c0500;
  --Rot-disabled: #f19d99;
  --RotAkzent: #e62b33;
  --Green: #3fa535;
  --Green-shade: #348f2b;
  --Darkgreen: #2a7a22;
  --Turkis: #2aa9bd;
  --Magenta: #e6007e;
  --Orange: #f49500;
  --Orange-artwork: #ff9b00;
  --Anthrazit: #1d1d1b;
  --Grau: #3a3a38;
  --Black: #000000;
  --White: #ffffff;

  /* Abstände und Formen */
  --space-button-y: 10px;
  --space-button-x: 24px;
  --space-card-s: 20px;
  --space-grid: 23px;
  --space-card: 37px;
  --height-ticker: 50px;
  --radius-none: 0;
  --radius-pill: 999px;

  /* Schriften */
  --font-display: "DK Scrawny Cat", "Google Sans Flex", sans-serif;
  --font-sans: "Google Sans Flex", system-ui, sans-serif;

  /* Layout (Prototyp, nicht im Designsystem) */
  --container: 1240px;
  --gutter: 40px;
  --section-y: 120px;
  --header-h: 128px;
}

@media (max-width: 1200px) {
  :root { --section-y: 96px; }
}

@media (max-width: 900px) {
  :root { --gutter: 20px; --section-y: 64px; --header-h: 92px; }
}