/* Erzeugt von bin/marke.php aus marken/liebedoener/ — nicht von Hand ändern. */
/* LiebeDöner — das Rot des bisherigen Shops (app-v2.jsx, THEME) auf den
   Flächen von Dangelo's. Geladen als public/marke.css NACH allen
   anderen Tafeln; die Wähler tragen `data-seite`, damit sie deren
   gleich starke Regeln schlagen, ohne dass die Reihenfolge es müsste.

   Kontrast nachgerechnet (WCAG, Stufe AA = 4,5 : 1):
     Weiß auf Akzent #C41E1E (Hover D62B22) ……… 5,9 (5,0)
     Akzent als Schrift auf Grund / Fläche-2 ……… 5,5 / 5,2
     Leise #756A60 auf Grund / Fläche-2 …………… 4,9 / 4,6
     dunkel: Text #F5EEE8 auf Grund #141010 ……… 16,5
     dunkel: Akzent #FF8577 auf Fläche-2 / -3 …… 7,0 / 6,2
     dunkel: Leise #BDAEA2 auf Fläche-3 ………… 6,9
     Küche: Schriftrot #F0574A auf #0E0C0B ……… 5,7

   Wer hier im hellen Block eine Variable setzt, muss sie auch im
   dunklen setzen — beide Blöcke sind stärker als dunkel.css, und der
   helle gälte sonst im Dunkeln weiter. bin/pruefe_oberflaechen.php
   hält das fest. */

:root[data-seite="shop"] {
  --bg:        #FAF7F2;
  --flaeche:   #FFFFFF;
  --flaeche-2: #F3F0EB;
  --flaeche-3: #EAE4DB;
  --linie:     #E8E1D8;
  --linie-satt:#CFC4B7;
  --text:      #221A14;
  --leise:     #756A60;
  --akzent:      #C41E1E;
  --akzent-hell: #D62B22;
  --akzent-weich:#FCEBEA;
  --dunkel:    #2A1512;

  --band-1: #2A1512;
  --band-2: #4A1A16;
  --band-3: #7A1F1F;
  --band-glanz: rgba(230,59,46,0.55);
  --knopf-oben:  #CC2A24;
  --knopf-unten: #A31616;
  --metall-hell:  #FCEBEA;
  --metall-licht: #F7D3D0;
  --metall-zart:  #F0B5B0;
  --metall-mitte: #E63B2E;
  --metall-satt:  #C41E1E;
  --metall-tief:  #7A1F1F;
  --metall-nacht: #4A1212;
}

:root[data-seite="shop"][data-farbe="dunkel"] {
  --bg:        #141010;
  --flaeche:   #1D1714;
  --flaeche-2: #241D18;
  --flaeche-3: #30261F;
  --linie:     #3A2E27;
  --linie-satt:#5C4A40;
  --text:      #F5EEE8;
  --leise:     #BDAEA2;
  --akzent:      #FF8577;
  --akzent-hell: #FFA094;
  --akzent-weich:#3A1A17;
  --akzent-flaeche:      #C41E1E;
  --akzent-flaeche-hell: #D62B22;
  --dunkel:    #0B0807;

  --band-1: #2A1512;
  --band-2: #4A1A16;
  --band-3: #7A1F1F;
  --band-glanz: rgba(230,59,46,0.55);
  --knopf-oben:  #CC2A24;
  --knopf-unten: #A31616;
  --metall-hell:  #FCEBEA;
  --metall-licht: #F7D3D0;
  --metall-zart:  #F0B5B0;
  --metall-mitte: #E63B2E;
  --metall-satt:  #C41E1E;
  --metall-tief:  #7A1F1F;
  --metall-nacht: #4A1212;
}

/* Die Küche steht auf dem dunklen Grund aus basis.css. */
:root[data-seite="kueche"] {
  --akzent:      #C41E1E;
  --akzent-hell: #F0574A;
}

/* Der Fahrer steht auf der hellen Tafel des Backends (admin.css). */
:root[data-seite="backend"],
:root[data-seite="fahrer"] {
  --akzent:      #B01B1B;
  --akzent-hell: #C41E1E;
}
:root[data-seite="backend"][data-thema="dunkel"] {
  --akzent:      #C41E1E;
  --akzent-hell: #F0574A;
}

/* Das Logo ist ein abgerundetes Quadrat und bleibt eins (marke.json:
   "form": "eckig"). Die Tafeln schneiden jedes Logo rund zu; hier
   nicht. Der Schatten folgt der Form statt einem Kasten. */
:root:root :is(.logo-rund, .held-zeichen, .shopfuss-logo) {
  border-radius: 0;
  box-shadow: none;
}
:root:root .held-zeichen { filter: drop-shadow(0 6px 12px rgba(35,35,35,0.3)); }