/* =====================================================================
   GBS-Framework – Schul-Theme (Farben der Georg-Büchner-Schule)
   Nur hier Farben ändern; app.css verwendet ausschließlich diese Variablen.
   Kontraste nach WCAG AA (mind. 4,5:1 für Text) geprüft.
   ===================================================================== */

:root {
  /* Originalfarben laut CI */
  --gbs-orange:     #f16b26;   /* Happy Color   – Flächen, Akzente (mit dunkler Schrift) */
  --gbs-gruen:      #a8d64d;   /* Mittelgrün    – Flächen, Akzente (mit dunkler Schrift) */
  --gbs-alu:        #878581;   /* Grau-Aluminium – Linien, Deko */
  --gbs-mausgrau:   #6c6e6b;   /* Mausgrau      – Nebentext (5,2:1 auf Weiß) */

  /* Abgedunkelte Varianten für Text/Knöpfe auf Weiß (lesbar) */
  --gbs-orange-dunkel: #b84a12;  /* 5,2:1 auf Weiß */
  --gbs-orange-tief:   #a9420f;  /* Hover */
  --gbs-gruen-dunkel:  #3f6410;  /* 6,9:1 auf Weiß */

  /* Zuordnung für das Layout */
  --text:          #2e2f2d;
  --leise:         var(--gbs-mausgrau);
  --rand:          #d9d8d5;
  --flaeche:       #f5f5f3;
  --hintergrund:   #ffffff;
  --akzent:        var(--gbs-orange-dunkel);
  --akzent-hover:  var(--gbs-orange-tief);
  --knopf-text:    #ffffff;
  --ok:            var(--gbs-gruen-dunkel);
  --fehler:        #b3261e;
  --hinweis:       #fff1e8;   /* zartes Orange */
  --hinweis-rand:  var(--gbs-orange);
}