/* Erzeugt von bin/marke.php aus marken/doenerfabrik/ — nicht von Hand ändern. */
/* Döner Fabrik — das Orange des bisherigen Shops (df_app.jsx, THEME)
   auf den Flächen von Dangelo's. Geladen als public/marke.css NACH
   allen anderen Tafeln; die Wähler tragen `data-seite`.

   Das Markenorange #E65100 trägt keine weiße Schrift (3,8 : 1). Wo
   eine Fläche gefüllt und weiß beschriftet wird, steht deshalb der
   tiefe Markenton #B33F00; das helle Orange bleibt dort, wo nichts
   darauf zu lesen ist — im Band, in der Metallkante, in der Leiste
   des Telefons.

   Kontrast nachgerechnet (WCAG, Stufe AA = 4,5 : 1):
     Weiß auf Akzent #B33F00 (Hover CF4A00) ……… 5,8 (4,5)
     Akzent als Schrift auf Grund / Fläche-2 ……… 5,2 / 4,9
     Leise #625C57 auf Grund / Fläche-3 …………… 5,9 / 5,0
     dunkel: Text #F4F0EA auf Grund #121110 ……… 16,6
     dunkel: Akzent #FF8A3D auf Fläche-2 / -3 …… 6,8 / 6,0
     dunkel: Leise #B9B1A9 auf Fläche-3 ………… 6,7
     Küche: Schriftorange #FF7A1A auf #0E0C0B …… 7,5

   Wer hier im hellen Block eine Variable setzt, muss sie auch im
   dunklen setzen — siehe marken/liebedoener/farben.css. */

:root[data-seite="shop"] {
  --bg:        #F5F2EE;
  --flaeche:   #FFFFFF;
  --flaeche-2: #EFEBE5;
  --flaeche-3: #E6E0D7;
  --linie:     #E3DCD2;
  --linie-satt:#C9BFB2;
  --text:      #1A1A1A;
  --leise:     #625C57;
  --akzent:      #B33F00;
  --akzent-hell: #CF4A00;
  --akzent-weich:#FDEEE4;
  --dunkel:    #1F1A17;

  --band-1: #1F1A17;
  --band-2: #4A2410;
  --band-3: #B33F00;
  --band-glanz: rgba(255,109,0,0.55);
  --knopf-oben:  #CF4A00;
  --knopf-unten: #A83A00;
  --metall-hell:  #FDEEE4;
  --metall-licht: #FBD9C2;
  --metall-zart:  #F6BC97;
  --metall-mitte: #FF6D00;
  --metall-satt:  #E65100;
  --metall-tief:  #8A3000;
  --metall-nacht: #4A1A00;
}

:root[data-seite="shop"][data-farbe="dunkel"] {
  --bg:        #121110;
  --flaeche:   #1B1917;
  --flaeche-2: #242220;
  --flaeche-3: #2E2B28;
  --linie:     #3A3632;
  --linie-satt:#5A544E;
  --text:      #F4F0EA;
  --leise:     #B9B1A9;
  --akzent:      #FF8A3D;
  --akzent-hell: #FFA465;
  --akzent-weich:#3A2214;
  --akzent-flaeche:      #B33F00;
  --akzent-flaeche-hell: #CF4A00;
  --dunkel:    #0A0908;

  --band-1: #1F1A17;
  --band-2: #4A2410;
  --band-3: #B33F00;
  --band-glanz: rgba(255,109,0,0.55);
  --knopf-oben:  #CF4A00;
  --knopf-unten: #A83A00;
  --metall-hell:  #FDEEE4;
  --metall-licht: #FBD9C2;
  --metall-zart:  #F6BC97;
  --metall-mitte: #FF6D00;
  --metall-satt:  #E65100;
  --metall-tief:  #8A3000;
  --metall-nacht: #4A1A00;
}

:root[data-seite="kueche"] {
  --akzent:      #B33F00;
  --akzent-hell: #FF7A1A;
}

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