/* Erzeugt aus config/firma.json. Nicht von Hand aendern:
   Diese Datei entsteht bei jedem Abruf neu, siehe backend/farben.js. */
:root {
  --farbe-grund: #F4F1EA;
  --farbe-flaeche: #FFFFFF;
  --farbe-flaeche-2: #EDE9E0;
  --farbe-rahmen: #D9D4C8;
  --farbe-text: #2A333B;
  --farbe-text-2: #5C6670;
  --farbe-kopf: #4B5E6E;
  --farbe-kopf-text: #F4F1EA;
  --farbe-akzent: #F5D26B;
  --farbe-akzent-text: #2A333B;
  --farbe-erfolg: #DDE6DC;
  --farbe-erfolg-text: #1E4A2B;
  --farbe-warnung: #F5D26B;
  --farbe-warnung-text: #3A2F07;
  --farbe-fehler: #F2D9D2;
  --farbe-fehler-text: #7A2E1E;
  --farbe-info: #DCE6EE;
  --farbe-info-text: #1F3A52;
  --farbe-fokus: #4B5E6E;
  --farbe-knopf: #4B5E6E;
  --farbe-knopf-text: #F4F1EA;
  --schrift: "Archivo", Helvetica, Arial, sans-serif;
  --schrift-mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;
  --raster: 4px;
  --radius: 8px;
  --radius-karte: 14px;
  --radius-feld: 10px;
  --radius-chip: 999px;
  --zeile-hoehe: 1.35;
  --touch-min: 44px;
  --schatten: none;

  /* abgeleitet, siehe backend/farben.js */
  --farbe-flaeche-3: #f0f1f1;
  --farbe-rahmen-2: #adaca5;
  --farbe-text-3: #a0a5a7;
  --farbe-kopf-2: #5f707d;
  --farbe-knopf-hover: #445563;
  --farbe-akzent-schwach: #fdf8e7;
  --farbe-akzent-rand: #fbebbc;
  --farbe-akzent-stark: #d8b95e;
  --farbe-akzent-schrift: #716b4c;
  --farbe-schatten: rgba(42,51,59,0.18);
  --farbe-warnung-stark: #ae9445;
  --farbe-erfolg-rand: #a4b7a7;
  --farbe-warnung-rand: #bda14d;
  --farbe-fehler-rand: #cea69c;
  --farbe-info-rand: #a3b2bf;
  --farbe-abdunkeln: rgba(42,51,59,0.55);
  --farbe-fenster: #FFFFFF;

  /* Die alten Namen zeigen auf die neuen. Sie stehen noch in
     einzelnen Seiten und sollen dort verschwinden koennen,
     ohne dass alles auf einmal umgebaut werden muss. */
  --bg: var(--farbe-grund);
  --surface: var(--farbe-flaeche);
  --surface-2: var(--farbe-flaeche-2);
  --border: var(--farbe-rahmen);
  --border-2: var(--farbe-rahmen-2);
  --text: var(--farbe-text);
  --muted: var(--farbe-text-2);
  --dim: var(--farbe-text-3);
  --accent: var(--farbe-akzent);
  --accent-border: var(--farbe-akzent-rand);
  --green: var(--farbe-erfolg-text);
  --red: var(--farbe-fehler-text);
  --yellow: var(--farbe-warnung-text);
  --blue: var(--farbe-info-text);
  --blau: var(--farbe-info-text);
  --gruen: var(--farbe-erfolg-text);
  --gelb: var(--farbe-warnung-text);
  --rot: var(--farbe-fehler-text);
  --accent-glow: var(--farbe-akzent-rand);
  --font: var(--schrift);
  --mono: var(--schrift-mono);
}