/* ===========================================================================
   Markenfarben "KI im Ofenbau" - die eine Quelle
   Angelegt 25.08.2026.

   Diese Datei wird von ZWEI Projekten gelesen:
     1. der Website hier (alle Seiten binden sie vor ihrem eigenen <style> ein)
     2. dem Prompt-Baukasten unter ki-im-ofenbau/visualisierung/, der seine
        Tailwind-Tokens zur Laufzeit auf diese Variablen umbiegt

   ⚠️ DIE NAMEN SIND EINE SCHNITTSTELLE. Wer eine Variable umbenennt, weglaesst
   oder umsortiert, bricht die Visualisierung STILL - ohne Fehlermeldung, es
   greifen dort nur wieder die alten fest eingebauten Werte. Neue Farben duerfen
   dazukommen, bestehende nicht verschwinden.

   Farbe aendern: NUR hier. Beide Projekte ziehen nach, ohne neuen Build.
   Auf dem Server liegt die Datei unter ki-im-ofenbau/design.css.
   =========================================================================== */

:root {
    /* --- Grundfarben, seit April 2026 unveraendert --- */
    --black: #0E0E0E;        /* Seitenhintergrund */
    --graphite: #252525;     /* Kacheln, Karten, Eingabefelder */
    --off-white: #EEE7DC;    /* Schrift */
    --ember: #C8732B;        /* Hinweise, "kommt noch", Zaehler */
    --cyan: #37C8E8;         /* Marke, Fokus, "verfuegbar" */

    /* --- Bisher nur in der Visualisierung, hier der Vollstaendigkeit halber ---
       Die Website benutzt diese vier heute nicht. Sie stehen trotzdem hier,
       sonst waere "eine Quelle" nur die halbe Wahrheit. */
    --surface: #1C1C1C;      /* Kartenhintergrund */
    --danger: #E05E5E;       /* Loeschen, Fehler */
    --ember-light: #D98438;  /* Ember-Hover hell */
    --ember-dark: #B3652A;   /* Ember-Hover dunkel */

    /* Reinweiss, ausdruecklich benannt. Gleicher Wert wie der Rueckfall in der
       Visualisierung, aendert also heute nichts - macht aber sichtbar, dass es
       eine bewusste Entscheidung ist und keine Luecke. */
    --white: #FFFFFF;

    /* --- Abgeleitet ---
       color-mix mit transparent ergibt dieselbe Farbe bei 40 % Deckkraft, wie
       sie vorher in jeder Seite als rgba(200,115,43,0.4) bzw.
       rgba(55,200,232,0.4) stand. Der Vorteil: aendert sich --ember oder
       --cyan, zieht der Schein automatisch mit. */
    --ember-glow: color-mix(in srgb, var(--ember) 40%, transparent);
    --cyan-glow: color-mix(in srgb, var(--cyan) 40%, transparent);
}