/* ===================================================================
   BdSAD KI-Plattform — Erscheinungsbild des Verbandes
   -------------------------------------------------------------------
   Farben aus den Stylesheets von bdsad.de und dem Verbandslogo:
     Orange (Primaer)  #DA6E33   rgb 218 110  51
     Orange (Hover)    #AE5829   rgb 174  88  41
     Grau   (Text)     #58585A   rgb  88  88  90
     Rot    (Akzent)   #9A141B   rgb 154  20  27

   LibreChat rechnet mit Zahlentripeln, nicht mit Hex-Werten, weil die
   Farben ueber rgb(var(--x) / <deckkraft>) verwendet werden.
   =================================================================== */

:root,
.dark,
[data-theme='light'],
[data-theme='dark'] {
  /* Hauptakzent: Knoepfe, Verweise, Fokusrahmen */
  --accent-primary: 218 110 51;
  --accent-primary-hover: 174 88 41;

  /* LibreChat faerbt den Anmelde- und Sendeknopf ueber die Gruentoene.
     Wir biegen sie auf das Verbandsorange um. */
  --green-500: 218 110 51;
  --green-600: 218 110 51;
  --green-700: 218 110 51;
  --green-800: 174 88 41;
  --green-900: 174 88 41;

  /* Fokusring in derselben Farbe statt neutralem Grau */
  --ring-primary: 218 110 51;
}

/* -------------------------------------------------------------------
   Logo auf der Anmeldeseite
   LibreChat gibt dem Rahmen fest 40 Pixel Hoehe (Klasse h-10). Fuer ein
   Wort-Bild-Zeichen mit Zusatzzeile ist das zu klein.
   ------------------------------------------------------------------- */
div.h-10:has(> img[src*='logo.svg']) {
  height: auto !important;
  margin-top: 2.5rem !important;
}

img[src*='logo.svg'] {
  width: min(320px, 68vw) !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
}

/* -------------------------------------------------------------------
   Anmeldefenster
   ------------------------------------------------------------------- */
h1 {
  color: rgb(88 88 90);
}

/* Knopf "Fortfahren" und alle Hauptknoepfe */
button[type='submit'],
.btn-primary {
  background-color: #da6e33 !important;
  border-color: #da6e33 !important;
  color: #ffffff !important;
  transition: background-color 0.15s ease;
}

button[type='submit']:hover,
.btn-primary:hover {
  background-color: #ae5829 !important;
  border-color: #ae5829 !important;
}

/* Eingabefelder: Fokus in Verbandsfarbe statt Systemblau */
input:focus,
textarea:focus,
select:focus {
  outline-color: #da6e33 !important;
  border-color: #da6e33 !important;
  box-shadow: 0 0 0 1px rgb(218 110 51 / 0.35) !important;
}

/* Verweise (Datenschutz, Nutzungsbedingungen) */
a {
  color: #ae5829;
}

a:hover {
  color: #9a141b;
}

/* -------------------------------------------------------------------
   Fusszeile: der Pflichthinweis nach Teil D.3 soll lesbar sein,
   nicht Kleingedrucktes.
   ------------------------------------------------------------------- */
footer,
footer * {
  color: rgb(88 88 90) !important;
}

.dark footer,
.dark footer * {
  color: rgb(200 200 202) !important;
}