/* ==========================================================================
   EBENE 0 — Lug Markenfarben
   Einzige Wahrheitsquelle. Farbwerte stehen NUR hier, nirgends sonst.
   Wer eine Farbe braucht, verlinkt diese Datei und nutzt die Variable.

   Ebene 1 (Medium) waehlt daraus aus und setzt --lug-rot.
   Ebene 2 (Dokumenttyp) setzt keine Farben.

   Letzte Aenderung: 2026-08-10
   ========================================================================== */

:root{

  /* --- Lug-Rot ---------------------------------------------------------
     Master ist Pantone 1797 U (Quelle: Alt/Corporate Design/
     1_LUG-KG-Farbanweisung_2019-09.pdf). Der technische Wert haengt vom
     Medium ab — deshalb stehen hier alle Auspraegungen nebeneinander,
     und Ebene 1 entscheidet.

     MERKSATZ: Liegt Briefpapier drunter -> --lug-rot-briefpapier.
               Sonst -> --lug-rot-screen.                                */
  --lug-rot-screen:      #DB001B;   /* sRGB-Aequivalent zu Pantone 1797 U (RGB 219/0/27) */
  --lug-rot-briefpapier: #E41B23;   /* im Druckpapier-SVG tatsaechlich enthalten (52x) */
  --lug-rot-cmyk:        "0/100/99/4";  /* nur Dokumentation — echter Druck, nicht CSS */
  --lug-rot-pantone:     "1797 U";      /* nur Dokumentation */

  /* Fallback, damit Dateien ohne Ebene-1-Schicht nicht farblos sind.
     Ebene 1 ueberschreibt --lug-rot IMMER explizit. */
  --lug-rot: var(--lug-rot-screen);

  /* --- Anthrazit / Grau ------------------------------------------------ */
  --lug-anthrazit:  #231F20;   /* Textfarbe. Aus dem Briefpapier-SVG (362x) */
  --lug-grau:       #54585A;   /* Pantone 425 U — Produktbezeichnungen im Logo, Drucktexte */
  --lug-grau-siegel:#808285;   /* kommt ausschliesslich im Fachbetrieb-Siegel vor */

  /* --- Flaechenwelt ----------------------------------------------------
     Firmenweite Regel: warm gebrochen. Nie kaltes Grau, nie Reinweiss
     als Seitengrund. Gilt fuer Print wie fuer Bildschirm.               */
  --offwhite:      #FBFAF7;   /* Seitengrund / Page-Background */
  --warmgrau:      #EDE9E4;   /* Info-Kaesten, Tabellenzeilen */
  --warmgrau-tief: #E2DCD4;   /* Bildflaechen, Platzhalter */
  --weiss:         #FFFFFF;   /* nur punktuell, nie als Seitengrund */

  /* --- Semantische Aliase ---------------------------------------------- */
  --text-body:   var(--lug-anthrazit);
  --text-muted:  #5C5654;      /* warm abgetoent, passend zur Flaechenwelt */
  --text-invers: var(--weiss);
  --surface-page: var(--offwhite);
  --surface-box:  var(--warmgrau);
  --surface-bild: var(--warmgrau-tief);
  --line:        #D9D3CA;      /* Hairline 0,2–0,3 mm */
  --line-strong: var(--lug-anthrazit);
  --cta:    var(--lug-rot);
  --marker: var(--lug-rot);
}

/* --------------------------------------------------------------------------
   ROT-REGEL (verbindlich, gilt in jedem Medium)

   - Rot NIE fuer Fliesstext.
   - Rot NIE als grosse Dauerflaeche — Richtwert unter 8 % der Seitenflaeche.
   - Erlaubt: Headlines, Akzentbalken, Marker, Kennzahlen, Callout-Rahmen, CTA.
   - Bilder nie auf Rot stellen, sondern auf Off-White oder Warmgrau.
   - Kontrast Rot auf Off-White = 4,49:1 -> als Text nur ab 14 pt bold
     bzw. ab 18 pt (WCAG AA large). Fuer kleineren Text Anthrazit nehmen.
   - Rot nie aufhellen (kein Rosa, kein Orange), nie mit dem Akzentton
     eines Ebene-1-Systems im selben Element mischen.

   VERBOTE (aus dem Corporate-Design-Manual)
   - Keine weiteren Farben ohne Freigabe.
   - Keine Farbverlaeufe, keine Schlagschatten, keine Neon-Effekte.
   - Kein kaltes Grau.
   -------------------------------------------------------------------------- */