/* --------------------------------------------------------------------------
   AWL-Farben fuer das Cockpit

   Chatwoot bringt ein kraeftiges Blau mit (#3b9eff). Das AWL-Designsystem
   arbeitet mit Schwarz, Weiss und Grau und genau einem Gruen fuer Erfolg.
   Diese Datei faerbt nur um - sie aendert keine Groessen, keine Abstaende
   und keine Funktion. Chatwoot selbst bleibt unangetastet; die Datei wird
   von nginx in die Seite gehaengt und ist mit einer Zeile wieder weg.
   -------------------------------------------------------------------------- */

:root {
  --awl-schwarz: #111111;
  --awl-schwarz-hell: #2a2a2a;
  --awl-grau: #6b6b6b;
  --awl-gruen: #15803d;
}

/* Flaechen: Knoepfe, aktive Reiter, Marker */
.bg-woot-500, .bg-woot-600, .bg-woot-700, .bg-woot-800, .bg-woot-900,
.dark\:bg-woot-500, .dark\:bg-woot-600, .dark\:bg-woot-700 {
  background-color: var(--awl-schwarz) !important;
}
.hover\:bg-woot-600:hover, .hover\:bg-woot-700:hover, .hover\:bg-woot-800:hover {
  background-color: var(--awl-schwarz-hell) !important;
}

/* Sehr helle Blautoene: Hintergruende von Hinweisen und ausgewaehlten Zeilen */
.bg-woot-25  { background-color: #f7f7f7 !important; }
.bg-woot-50  { background-color: #f2f2f2 !important; }
.bg-woot-75  { background-color: #ededed !important; }
.bg-woot-100 { background-color: #e6e6e6 !important; }
.bg-woot-200 { background-color: #d8d8d8 !important; }

/* Schrift und Verweise */
.text-woot-500, .text-woot-600, .text-woot-700, .text-woot-800,
.hover\:text-woot-600:hover, .hover\:text-woot-700:hover {
  color: var(--awl-schwarz) !important;
}
.text-woot-300, .text-woot-400 { color: var(--awl-grau) !important; }

/* Rahmen und Fokusringe */
.border-woot-500, .border-woot-600, .border-woot-700 { border-color: var(--awl-schwarz) !important; }
.ring-woot-500, .focus\:ring-woot-500:focus, .dark\:focus\:ring-woot-500:focus {
  --tw-ring-color: var(--awl-schwarz) !important;
}

/* Erfolg bleibt gruen - das ist im AWL-Designsystem die einzige Farbe,
   die etwas bedeutet. */
.bg-green-500, .bg-green-600 { background-color: var(--awl-gruen) !important; }

/* Das Logo in der Seitenleiste soll auf dunklem Grund nicht verschwinden. */
.woot-sidebar img[src*="awl_logo"] { background: #ffffff; border-radius: 6px; padding: 2px; }