/* ==========================================================================
   aNuCa Design-Token

   Zentrale Definition aller Farben und Grundwerte des neuen Designs.
   Diese Datei zuerst laden - anuca-ui.css und anuca-pages.css bauen darauf auf.

   Die Praefixe --al- und --mod- verhindern Kollisionen mit styles.css.
   Eine Farbaenderung hier wirkt auf allen Seiten.
   ========================================================================== */

:root {
    /* --- Grundfarben ---------------------------------------------------- */
    --al-ink: #17282A;          /* Fliesstext, Ueberschriften                */
    --al-ink-soft: #3E5457;     /* Sekundaertext, Beschreibungen             */
    --al-paper: #F5F3F0;        /* Seitenhintergrund (Greige, warm-neutral)  */
    --al-card: #FFFFFF;         /* Karten, Formularfelder                    */
    --al-line: #E5E1DB;         /* Rahmen, Trennlinien                       */

    /* --- Akzent --------------------------------------------------------- */
    --al-amber: #E2803A;        /* Primaerakzent: Buttons, Zahlen, Icons     */
    --al-amber-deep: #C56A28;   /* Hover-Zustand                             */
    --al-sage: #7D765F;         /* Sekundaerakzent: Labels, Haekchen         */

    /* --- Zustandsfarben --------------------------------------------------
       Das Paar fuer alles, was einen Zustand ausdrueckt: erledigt oder
       nicht, innerhalb oder ausserhalb. Sie gelten seitenuebergreifend und
       werden NICHT von der Modulfarbe abgeloest - derselbe Zustand muss im
       Affiliate-Programm aussehen wie in der Rechnungsuebersicht.

       Weisse Symbole auf diesen Flaechen erreichen 6,2:1 (gruen) und
       6,3:1 (rot); beide Zustaende sind damit gleich deutlich.           */
    --al-gruen: #3C6B4A;        /* Erledigt, erreicht, bestaetigt            */
    --al-warn: #B03030;         /* Warnung, Loeschen, Ueberschreitung        */

    /* --- Dunkelflaechen ------------------------------------------------- */
    --al-teal: #343A40;         /* identisch zur Navigation in base.html     */

    /* --- Modulfarben ----------------------------------------------------
       Entsprechen der Farbcodierung der Module in der Anwendung.
       Werden nur dort eingesetzt, wo das jeweilige Modul benannt ist -
       so bleibt die Farbcodierung fuer den Nutzer einloesbar.            */
    --mod-analyse: #AAA38E;         /* Taupe     */
    --mod-wachstum: #FECB00;        /* Gelb      */
    --mod-reduktion: #92A2BD;       /* Graublau  */
    --mod-napfplan: #444444;        /* Anthrazit */
    --mod-futtermittel: #A2AD00;    /* Oliv      */
    --mod-marktplatz: #B08968;      /* Warmes Braun */

    /* Standardfarbe fuer Seiten ohne eigenes Fachmodul.

       Affiliate, Benutzerkonto, Rechnungen, Verwaltungsmasken - sie alle
       sollen das Muster der Modulseiten tragen, gehoeren aber zu keinem
       Fachmodul und duerfen sich deshalb keine Modulfarbe ausleihen. Ein
       gedaempftes Graugruen, mit dem Navigationston verwandt und von
       Analyse (Taupe) wie Reduktion (Graublau) klar zu unterscheiden.

       Zugleich die Vorgabe von .au-modul: dort stand zuvor --al-amber, und
       das ist die Farbe der Hauptaktion - eine Seite ohne Modul trug damit
       dieselbe Farbe wie ihr Speichern-Knopf.                            */
    --mod-standard: #7A8F8D;        /* Graugruen */

    /* Abgedunkelte Varianten fuer Icons und Text auf hellem Grund.
       Die Grundtoene oben haben dafuer zu wenig Kontrast; --modulfarbe
       traegt die Flaeche, --modulfarbe-kontrast alles, was gelesen wird. */
    --mod-analyse-dark: #7D765F;
    --mod-wachstum-dark: #B08D00;
    --mod-reduktion-dark: #5C6E8C;
    --mod-futtermittel-dark: #6E7600;
    /* Warmes Braun, kein Rot. Rot liest sich auf einer Verkaufsseite als
       Warnung - die Marktplatzkachel im Benutzerdashboard sah damit aus, als
       stimme etwas nicht. Beide Marktplatzwerte waren zwischenzeitlich aus
       der Datei verschwunden; Dev zeigte daraufhin wieder das alte Rot. */
    --mod-marktplatz-dark: #8A6243;
    --mod-standard-dark: #3E5654;

    /* --- Analytische Bestandteile (Weender Analyse) ----------------------
       Die sechs Bestandteile tragen in der Futtermittelliste, in der
       Erfassungsmaske und in der Analyse dieselben Farben; der Anwender
       erkennt sie daran wieder. Sie standen bisher als feste Hexwerte
       mehrfach im Markup.

       Die Werte sind unveraendert uebernommen. Rohprotein und NFE kamen
       aus Bootstrap (bg-success, bg-secondary) und stehen hier
       ausgeschrieben, damit die Farbcodierung nicht an einer fremden
       Palette haengt.                                                    */
    --al-rohprotein: #28a745;   /* Rp  - war bg-success                   */
    --al-rohfett: #eb7362;      /* Rf                                     */
    --al-rohfaser: #ffc419;     /* Rfa                                    */
    --al-rohasche: #bf8000;     /* Ra                                     */
    --al-feuchte: #3adaff;      /* Fe                                     */
    --al-nfe: #6c757d;          /* NFE - war bg-secondary                 */

    /* --- Form ------------------------------------------------------------ */
    --al-radius: 10px;

    /* --- Seitenbreite -----------------------------------------------------
       Obergrenze fuer Module, die Formular, Tabelle und Grafik untereinander
       zeigen. Bis hierhin skaliert die Seite mit, darueber entstehen Raender.

       1600px ist bewusst kleiner als eine Full-HD-Aufloesung: nach Rollbalken
       und Seitenabstand bleiben davon rund 1870 nutzbare Pixel, die Grenze
       greift dort also. Bei 1920 waere sie auf jedem Arbeitsplatzbildschirm
       wirkungslos. Nach oben begrenzt sie das Seitenverhaeltnis der beiden
       nebeneinander stehenden Grafiken - je breiter die bei fester Hoehe
       werden, desto flacher erscheint dieselbe Gewichtsentwicklung.         */
    --al-seitenbreite: 1600px;

    /* --- Typografie ------------------------------------------------------
       Systemschriften wie in Bootstrap 4 - keine externe Einbindung,
       damit keine Daten an Dritte uebertragen werden.                    */
    --al-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif;
    --al-font-mono: SFMono-Regular, Menlo, Monaco, Consolas,
                    'Liberation Mono', 'Courier New', monospace;
}