/* easychild Projects: CI-Farbe easychild-Magenta (#E72F6A, HSL 341° 79 % 54,5 %) statt Vikunja-Blau.
   Quelle: easychild/Marketing/CorporateIdentity/CorporateIdentity.md
   Bewusst nur CSS-Variablen ueberschrieben, damit Vikunja-Updates (geaenderte Klassennamen) nichts kaputt machen.
   Eingebunden per nginx sub_filter, liegt in /var/www/vikunja-custom/ (ausserhalb von Vikunja). */

html:root {
  --primary-h: 341deg;
  --primary-s: 79%;
  --primary-l: 54%;
  --link-h: 341deg;
  --link-s: 79%;
  --link-l: 54%;
}

/* Dunkelmodus: etwas heller, damit der Kontrast auf dunklem Grund reicht (wie Vikunja es fuer Blau macht) */
html:root.dark {
  --primary-h: 341deg;
  --primary-s: 79%;
  --primary-l: 60%;
  --link-h: 341deg;
  --link-s: 79%;
  --link-l: 62%;
}

/* Lade-Animation: Kreis hinter dem Lama ist inline auf Vikunja-Blau (#196aff) gesetzt */
.vikunja-loading svg [style*="#196aff"] {
  fill: hsl(var(--primary-h), var(--primary-s), var(--primary-l)) !important;
}

/* Fokusrahmen von Eingabefeldern ist in Bulma fest auf Blau (#485fc7) codiert */
.input:focus,
.textarea:focus,
.select select:focus {
  border-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
}