/* ==========================================================================
   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         */

    /* --- 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      */

    /* Abgedunkelte Varianten fuer Icons auf hellem Grund */
    --mod-analyse-dark: #7D765F;
    --mod-wachstum-dark: #B08D00;
    --mod-reduktion-dark: #5C6E8C;
    --mod-futtermittel-dark: #6E7600;
    --mod-marktplatz-dark: #B04A4A;

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

    /* --- 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;
}