/* ---- Schicht 3: Chat-Theme LUKON ----
   Die einzige Verbindung zwischen der Chat-Oberflaeche und dem Design dieser
   Website. chat.css kennt nur `--chat-*`; hier werden diese auf die Tokens aus
   style.css gelegt.

   Beim geplanten Umzug in ein Kundenportal wird genau diese Datei ersetzt —
   chat.css, chat.js und chat-motor.js bleiben unveraendert. Deshalb steht hier
   nichts als Zuordnungen: keine Maße, keine Selektoren fuer Einzelteile.

   Wenn eine Farbe fehlt, gehoert sie hierher, nicht in chat.css. */
:root {
  /* Flaechen und Text */
  --chat-bg:                 var(--bg-card);
  --chat-bg-tint:            var(--bg-tint);
  --chat-text:               var(--text);
  --chat-text-dim:           var(--text-dim);
  --chat-rand-farbe:         var(--border);
  /* Kopf bewusst ohne eigene Flaeche: mit --mint (#e6f4ec) lag er nur
     3 Helligkeitsstufen neben den Bot-Blasen (--bg-tint #eef7f1) und erzeugte
     zwei fast gleiche, aber eben nicht gleiche Flaechen uebereinander. Die
     Trennlinie allein liest sich ruhiger. */
  --chat-kopf-bg:            transparent;

  /* Schrift: dieselbe Familie wie die Seite, damit der Chat nicht wie ein
     eingebettetes Fremdprodukt wirkt. */
  --chat-font:               var(--font);
  --chat-font-display:       var(--font-display);

  /* Radien und Schatten aus dem Bestand */
  --chat-radius:             var(--radius);
  --chat-radius-sm:          var(--radius-sm);
  /* Kein Pillenradius, siehe Begruendung bei .chat-vorschlag in chat.css:
     diese Website benutzt durchgehend 8/12 px, nirgends runde Formen. */
  --chat-radius-knopf:       var(--radius-sm);
  /* Schatten: gemessen lag der Panelschatten bei Alpha 0,40 und 64 px Weichheit
     gegen 0,04/2 px bei den Seitenkarten — Faktor 10. Ein schwebendes Panel
     darf kraeftiger abheben als eine Karte im Fluss, aber nicht aus der
     Bildsprache fallen. Orientierung ist --shadow-lift (Alpha 0,20). */
  --chat-schatten:           0 8px 22px -14px #05442f40;
  --chat-schatten-panel:     0 20px 50px -28px #05442f47;

  /* Knopf und Senden: derselbe Verlauf wie .btn-primary in components.css */
  --chat-knopf-bg:           linear-gradient(180deg, #158155, var(--emerald));
  --chat-knopf-text:         #ffffff;
  --chat-knopf-rand:         transparent;

  /* Blasen. Bot bewusst auf der ruhigen Tint-Flaeche, Nutzer auf dem tiefen
     Gruen — so ist auf einen Blick klar, wer spricht, ohne Namensbeschriftung. */
  --chat-blase-bot-bg:       var(--bg-tint);
  --chat-blase-bot-text:     var(--text);
  --chat-blase-nutzer-bg:    var(--forest);
  --chat-blase-nutzer-text:  var(--text-on-dark);

  /* Chips, Links, Marken */
  --chat-chip-bg:            transparent;
  --chat-chip-rand:          var(--border);
  --chat-chip-text:          var(--green-ink);
  --chat-akzent:             var(--emerald);
  --chat-link:               var(--green-ink);
  --chat-fokus:              var(--emerald);
  --chat-mark-bg:            var(--sand-deep);

  /* Abstand zum Fensterrand. 1.25rem passt zum Rhythmus von --space-2. */
  --chat-rand:               1.25rem;

  /* Ebenen. Bestand: .lm-nav 60, .search-overlay 70. Der Chat legt sich also
     ueber die Navigation, bleibt aber unter der Suche — wer die Suche oeffnet,
     soll sie vollstaendig sehen. */
  --chat-z-knopf:            55;
  --chat-z-panel:            68;
}