/* ===========================================================================
   Die Farben der dbbjb Event-App - an EINER Stelle.

   Diese Datei wird von BEIDEN Oberflaechen geladen: von den Teilnehmerseiten
   (stil.css) und von der Verwaltung (verwaltung.css). Sie stand bis zum
   12.08.2026 im Kopf von stil.css; herausgeloest wurde sie, damit die
   Verwaltung dieselben Farben benutzt, ohne sie ein zweites Mal zu
   beschreiben. Zwei Listen waeren zwei Wahrheiten, die auseinanderlaufen.

   DIE FARBEN KOMMEN AUS DEM LOGO (Festlegung 289), Pixel fuer Pixel
   ausgelesen aus static/bilder/dbbjb-logo.png - demselben Logo, das auf der
   Mandatsbescheinigung gedruckt wird. Das BLAU fuehrt, das Magenta ist der
   Akzent (Festlegung des Auftraggebers vom 11.08.2026).

   Jede Farbe traegt ihren Kontrastwert gegen die Flaeche, auf der sie steht.
   Die Grenze ist 4,5:1 fuer Fliesstext und 3,0:1 fuer grosse Schrift. Wer
   spaeter eine Farbe aendert, sieht hier, was er einhalten muss.
   =========================================================================== */

:root {
  --blau: #1f78a2;          /* Hausfarbe   4,92:1 auf Weiss */
  --blau-dunkel: #15516e;   /* Ueberschriften, Kopfzeilen   8,63:1 */
  --blau-tief: #0f3b51;     /* das dunkle Ende des Farbverlaufs */
  --blau-blass: #eaf3f8;    /* Flaeche fuer Hinweise und aktive Eintraege */
  --magenta: #d01e77;       /* Akzent      5,08:1 auf Weiss */
  --magenta-blass: #fdeef6;

  /* Ein weiterer Ton, NUR fuer die Sinnbilder des Schnellzugriffs: Sechs
     Kacheln brauchen sechs unterscheidbare Farben (Wunsch des Auftraggebers
     vom 14.08.2026), und Blau, Magenta, Gruen und Ocker sind erst vier.
     Bewusst KEINE Zustandsfarbe - Violett bedeutet nirgends etwas. */
  --violett: #6b3fa0;       /* 7,38:1 auf Weiss, 6,33:1 auf der Flaeche */
  --violett-blass: #f1ebf9;

  --grau: #5d5d5d;          /* Nebentext   6,58:1 auf Weiss */
  --grau-flaeche: #eceef1;  /* Flaeche dazu   5,66:1. Die Helligkeit ist an
                               die anderen Kachelflaechen angeglichen (0,85
                               gegen 0,85 bis 0,92) - der Seitenhintergrund
                               #f5f7f9 war dafuer zu blass. */
  --grau-hell: #8a9099;
  --linie: #e3e8ed;
  --hintergrund: #f5f7f9;
  --flaeche: #ffffff;
  --text: #1c2429;

  /* Statusfarben. Sie sind NIE die einzige Auskunft - daneben steht immer
     das Wort ("zugesagt", "abgesagt", "noch offen"). Wer Farben nicht
     unterscheidet, liest dasselbe. */
  --gruen: #1a6b46;
  --gruen-flaeche: #eaf6f0;
  --gruen-linie: #b7ddc9;
  --rot: #a3282b;
  --rot-flaeche: #fdecec;
  --rot-linie: #edc4c4;
  --gelb: #7a5b12;
  --gelb-flaeche: #fdf6e3;
  --gelb-linie: #e6d5a8;

  --rundung: 12px;
  --schatten: 0 1px 2px rgba(28, 36, 41, 0.06);

  /* -----------------------------------------------------------------------
     DIE MASSE EINES KNOPFES - an EINER Stelle (15.08.2026).

     Nachgemessen standen vorher fuenf verschiedene Hoehen fuer denselben
     Rang von Knopf nebeneinander: 37,2 - 37,6 - 39,6 - 41,7 - 44,8 Pixel,
     dazu drei Rundungen (8, 9 und 10 Pixel) und vier Schriftgroessen. Jede
     Familie war fuer sich stimmig; zusammen sahen sie aus wie aus drei
     Programmen.

     ZWEI GROESSEN, MEHR BRAUCHT ES NICHT:
       gross - alles, was etwas TUT (speichern, anlegen, hochladen)
       klein - die Leisten UEBER einer Liste (Sammelaktionen)

     Die Filter behalten ihre Pillenform und ihr eigenes Mass: Sie sind nach
     Festlegung 343 ausdruecklich kein Knopf, sondern eine Einstellung.

     Diese Datei steht in beiden Oberflaechen (siehe oben) - deshalb stehen
     die Masse hier und nicht zweimal.
     ----------------------------------------------------------------------- */
  --knopf-rundung: 9px;
  --knopf-polster: 0.6rem 1.15rem;
  --knopf-schrift: 0.95rem;
  /* Ohne feste Zeilenhoehe ist ein <button> niedriger als ein <a> daneben:
     Der Browser gibt Knoepfen "normal", waehrend ein Verweis die 1,55 des
     Fliesstextes erbt. Gemessen in derselben Karte: 37,2 gegen 44 Pixel. */
  --knopf-zeile: 1.35;

  --knopf-polster-klein: 0.35rem 0.75rem;
  --knopf-schrift-klein: 0.88rem;
}