/* Duisburger Weihnachtslicht – alle Farben der Website an einer Stelle.
   Grundfarben aus dem Logo: Rot #7F0404, Tannengrün #0B271B, Gold #B38639.
   Das Logo-Gold ist auf dunklem Grund für Text zu dunkel (WCAG AA), deshalb gibt es --wl-gold als hellere Stufe. */
:root{
  /* Logo */
  --wl-logo-rot:#7F0404;
  --wl-logo-gruen:#0B271B;
  --wl-logo-gold:#B38639;

  /* Hauptfarbe Rot: Kopf, Fuß, dunkle Flächen */
  --wl-haupt:var(--wl-logo-rot);
  --wl-haupt-rgb:127,4,4;
  --wl-haupt-2:#650303;
  --wl-haupt-2b:#5C0303;
  --wl-haupt-2c:#6E0303;
  --wl-haupt-hover:#991010;
  --wl-haupt-3:#A23A3A;
  --wl-haupt-4:#B85A5A;

  /* Gold: Knöpfe, Hervorhebungen auf Dunkel, Lichter */
  --wl-gold:#D9AE5E;
  --wl-gold-rgb:217,174,94;
  --wl-gold-hell:#E6C27E;
  --wl-gold-pale:#F0DDB0;
  --wl-gold-flaeche:#F5E6C4;
  --wl-gold-zart:#FFF6E0;
  --wl-auf-gold:#1B1405;

  /* Rot: Links und Akzente auf Hell */
  --wl-rot:var(--wl-logo-rot);
  --wl-rot-dunkel:#5A0303;
  --wl-deko-licht:var(--wl-gold-pale);

  /* Helle Flächen und Linien */
  --wl-weiss:#FFFFFF;
  --wl-creme:#FBF7F0;
  --wl-creme-rgb:251,247,240;
  --wl-sand:#F1E6D2;
  --wl-sand-hell:#FBF8F1;
  --wl-linie:#EFE5D2;
  --wl-linie-2:#E7DCC6;
  --wl-linie-3:#D8CBB2;
  --wl-linie-hover:#A99777;
  --wl-linie-admin:#DCDCDE;

  /* Text auf Hell */
  --wl-text:#1A1F1C;
  --wl-text-2:#2A2F2C;
  --wl-text-mild:#4A504C;
  --wl-text-leise:#565C58;

  /* Text auf Dunkel */
  --wl-dunkel-nav:#E9E3D6;
  --wl-dunkel-mild:#D9D3C6;
  --wl-dunkel-fuss:#CFC8BA;
  --wl-dunkel-leise:#B8B1A3;
  --wl-dunkel-platzhalter:#A8ADA9;

  /* Rückmeldungen */
  --wl-ok-flaeche:#E3F1E3;
  --wl-ok-zart:#EDF7ED;
  --wl-ok-linie:#7BC47F;
  --wl-ok:#2F6B36;
  --wl-ok-text:#1F4D25;
  --wl-fehler-flaeche:#FBE9E7;
  --wl-fehler-text:#8C1D18;
  --wl-fehler:#B3261E;
}