/* ERZEUGT von werkzeug/baue.py aus tokens.json — nicht von Hand ändern.
   Marke Lumelero / Kostümverleih Rheine. Regeln und Zweck: MARKE.md.
   Druckfarben (kanal "druck") stehen nur in palette.json. */
:root {
  /* Farben */
  --lum-parchment: #FFFAF4; /* Seitengrund */
  --lum-cream: #FDF0E4; /* helle Flächen, Abschnitte; Druck: Hauptbahn-Vollfläche */
  --lum-cream-dark: #F5E4D0; /* Kartenrand, Trennflächen auf Creme */
  --lum-text-mid: #6B4028; /* Fließtext (8,5:1 auf Parchment) */
  --lum-text-dark: #3A2010; /* Überschriften dunkel, Wortzug, dunkler Fuß */
  --lum-terracotta: #C05428; /* Primärfarbe: Knöpfe, Akzent-Überschriften, Links im Text */
  --lum-terracotta-dark: #8B3810; /* Knopf-Verlaufsende und -Rand, Text auf Creme statt Gold (Druck: Terra-Dunkel) */
  --lum-terracotta-light: #D8704A; /* Terracotta hell, Nebenakzent */
  --lum-scarlet: #C42020; /* Kopfband-Rot; Druck: Akzentstreifen, Lettern */
  --lum-scarlet-dark: #8B1010; /* Dunkelrot: Kopfband-Ende, Fehlertext; Druck: Kursiv-Lettern */
  --lum-gold: #C8980A; /* Flächen, Linien, Kanten, Krone — nie als Text auf Creme */
  --lum-gold-bright: #E8C020; /* Saum unter dem Kopfband, Fokusring, aktiver Menüpunkt; Druck: 3D-Versatz */
  --lum-magenta: #B81E6C; /* UI-Textfarbe Magenta (Hervorhebung); auf Creme besser lesbar als das Logo-Magenta */
  --lum-header-creme: #FDF1E5; /* Kopfband-Verlauf, erster Stopp (hinter dem Logo) */
  --lum-header-rose: #E8A0A0; /* Kopfband-Verlauf, Übergang Creme zu Scarlet */
  --lum-bild-grund: #FFFFFF; /* Produktbild innen (Katalog) */
  --lum-bild-rand: #D6C5A6; /* beiger Rand ums Produktbild (Katalog), auch Haarlinien */

  /* Verläufe */
  --lum-knopf-verlauf: linear-gradient(135deg, var(--lum-terracotta) 0%, var(--lum-terracotta-dark) 100%); /* Primärknopf-Fläche, Ende #8B3810 */
  --lum-burger-bg: linear-gradient(90deg, var(--lum-scarlet) 0%, var(--lum-scarlet-dark) 100%); /* dunkelrote Fläche unter heller Schrift (Burgermenü) */

  /* Formen */
  --lum-radius-knopf: 8px; /* Knöpfe */
  --lum-radius-schild: 999px; /* Schilder/Badges dürfen Pille sein */
  --lum-radius-karte: 12px; /* Karten/Kacheln überall (Homepage, Katalog, Anmeldeseiten) */
  --lum-saum: 3px solid var(--lum-gold-bright); /* Saum unter dem Kopfband */
  --lum-kopf-stopp-creme: 230px; /* Kopfband: Creme endet so weit rechts der linken Inhaltskante (MARKE.md §Kopfband) */
  --lum-kopf-stopp-rose: 330px; /* Kopfband: Rosé-Stopp ab linker Inhaltskante */
  --lum-kopf-stopp-scarlet: 560px; /* Kopfband: Scarlet-Stopp ab linker Inhaltskante; Dunkelrot bei 100 % */

  /* Schatten */
  --lum-schatten-knopf: 0 2px 6px rgba(192, 84, 40, 0.30); /* Primärknopf */
  --lum-schatten-kopf: 0 2px 10px rgba(196, 32, 32, 0.30); /* Kopfband */
  --lum-schatten-karte: 0 10px 26px -16px rgba(58, 32, 16, 0.45); /* Karten der Homepage */

  /* Schrift */
  --lum-font: 'Lato', sans-serif; /* Hausschrift überall (fonts/fonts.css) */
  --lum-font-gewicht-text: 400; /* Fließtext */
  --lum-font-gewicht-titel: 700; /* Titel, Kartenköpfe, Knöpfe */
  --lum-font-gewicht-leicht: 300; /* große kursive Abschnittsüberschriften */
}