/* Generiert von Styleguide/werkzeuge/styleguide.py aus Styleguide/tokens/tokens.json – nicht von Hand ändern. */
:root {
  /* Farben */
  --schnatter-orange: #FFA21C;  /* Dotterorange – Schnabel und Hauptknopf – die Schlüsselfarbe */
  --schnatter-gelb: #F6CF12;  /* Sonnengelb – Telefon, Markierung */
  --schnatter-gelb-hell: #FBE68C;  /* Gelb hell – Scheibe, Flächen, kleine Gänse */
  --schnatter-blau: #8CBBDA;  /* Himmelblau – Telefon, Maßstab für neue Farben */
  --schnatter-blau-hell: #D2E5F1;  /* Blau hell – Scheibe, Info-Flächen, kleine Gänse */
  --schnatter-blau-text: #32719B;  /* Blau als Text – Links – derselbe Ton, abgedunkelt */
  --schnatter-weiss: #FFFFFF;  /* Weiß – Karten, Felder, Web-Grund – so weiß wie die Gans */
  --schnatter-grau-hell: #F1F2F4;  /* Hellgrau – Grund in App und Mail (Radio-Grund) */
  --schnatter-grau: #E3E6EA;  /* Grau – Flächen, kleine Gänse */
  --schnatter-grau-linie: #D9DDE2;  /* Linie – Trennlinien, Karten auf Weiß */
  --schnatter-grau-mittel: #BFC4CC;  /* Lautsprecher – Feld- und Ziffernrahmen, kleine Gänse, Technik */
  --schnatter-grau-text: #565B65;  /* Text 2 – Nebentext */
  --schnatter-tinte: #1A1B1E;  /* Tinte – Text, gefüllte Flächen */
  --schnatter-kontur: #000000;  /* Kontur – nur die Pinselstriche der Zeichnungen */

  /* Rollen */
  --schnatter-grund-app: var(--schnatter-grau-hell);
  --schnatter-grund-web: var(--schnatter-weiss);
  --schnatter-flaeche: var(--schnatter-weiss);
  --schnatter-text: var(--schnatter-tinte);
  --schnatter-text-2: var(--schnatter-grau-text);
  --schnatter-linie: var(--schnatter-grau-linie);
  --schnatter-aktion: var(--schnatter-orange);
  --schnatter-aktion-text: var(--schnatter-tinte);
  --schnatter-link: var(--schnatter-blau-text);
  --schnatter-markierung: var(--schnatter-gelb);
  --schnatter-info: var(--schnatter-blau-hell);
  --schnatter-fokus: var(--schnatter-orange);

  /* Schrift */
  --schnatter-schrift-rund: ui-rounded, 'SF Pro Rounded', 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --schnatter-schrift-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Radien und Maße */
  --schnatter-radius-knopf: 8px;
  --schnatter-radius-feld: 12px;
  --schnatter-radius-karte: 24px;
  --schnatter-radius-blase: 24px;
  --schnatter-rand: 24px;
  --schnatter-knopf-hoehe: 52px;
  --schnatter-blase-rahmen: 3px;
  --schnatter-mail-breite: 600px;
}