/*
 * Farbschema Flyburg Hexen Nollingen e.V. 1987
 * Vereinsfarben laut Checkliste: Royalblau, Bordeauxrot, Grasgrün
 * (entsprechen dem Häs: royalblaues Oberteil, bordeauxroter Rock, grüne Schürze).
 * Kontrastwerte (WCAG) gegen Weiß in Klammern. AA für Fließtext = 4.5, für großen Text = 3.0.
 */
:root {
  /* Royalblau – Primärfarbe: Header, Navigation, Links, Buttons */
  --blau-50:  #EEF2FC;  /* Flächen, Hover-Hintergrund */
  --blau-100: #D6DFF7;
  --blau-500: #4169E1;  /* klassisches Royalblau – nur für Flächen/Deko (4.85) */
  --blau-700: #2344B0;  /* Hauptton für Text, Links, Buttons (8.32) */
  --blau-800: #1A3591;  /* Hover/aktiv (10.7) */
  --blau-900: #14255E;  /* Footer, dunkle Flächen (14.4) */

  /* Bordeauxrot – Akzent: Hervorhebungen, Termin-Datum, Zier-Elemente */
  --bordeaux-50:  #F8ECEF;
  --bordeaux-100: #EFD2D9;
  --bordeaux-700: #7D1A2E;  /* Hauptton (10.2) */
  --bordeaux-900: #5E1222;  /* Hover/dunkel (13.2) */

  /* Grasgrün – sparsamer Zweitakzent: Linien, Badges („Neu“), Icons */
  --gruen-50:  #EDF6EE;
  --gruen-100: #D3EBD6;
  --gruen-500: #2E8B3E;  /* Flächen/Deko, weiße Schrift nur groß/fett (4.3) */
  --gruen-700: #237032;  /* Text auf hellem Grund (6.1) */

  /* Gold – nur für Ehrenmitglieder (Auszeichnung), nicht als allgemeine Akzentfarbe */
  --gold-50:  #FBF5E6;
  --gold-100: #F1E2B8;
  --gold-400: #D9B44A;  /* Linien, Sterne, Deko */
  --gold-700: #7F5F12;  /* Text auf hellem Grund (5.9) */

  /* Neutrale Töne – hält den Look clean */
  --papier:  #FAF8F5;   /* Seitenhintergrund, leicht warm */
  --weiss:   #FFFFFF;   /* Karten, Inhaltsflächen */
  --linie:   #E4E1DC;   /* Rahmen, Trennlinien */
  --text-2:  #5B6170;   /* Sekundärtext, Meta-Infos (6.2) */
  --text:    #1B1F2A;   /* Fließtext (16.5) */

  /* Semantische Rollen – im Code bitte diese verwenden */
  --c-hintergrund:      var(--papier);
  --c-flaeche:          var(--weiss);
  --c-text:             var(--text);
  --c-text-leise:       var(--text-2);
  --c-rahmen:           var(--linie);
  --c-primaer:          var(--blau-700);
  --c-primaer-hover:    var(--blau-800);
  --c-primaer-hell:     var(--blau-50);
  --c-akzent:           var(--bordeaux-700);
  --c-akzent-hell:      var(--bordeaux-50);
  --c-zweitakzent:      var(--gruen-700);
  --c-zweitakzent-hell: var(--gruen-50);
  --c-footer:           var(--blau-900);
  --c-auf-dunkel:       var(--weiss);
}