/* ============================================================
   NABU Bonn – Design Tokens (Platzhalter-Palette)
   ============================================================
   WICHTIG: Diese Werte wurden NICHT direkt aus dem CMS-Stylesheet
   von nabu-bonn.de ausgelesen (kein Zugriff auf die interne
   Root-CSS-Datei der Seite). Nur die Marken-Blau-Farbe #0E6BB1
   ist über die theme-color-Metadaten der Seite belegt.

   Alle anderen Werte (Grün-, Gelb-, Orange-, Grau-Töne) sind
   plausible Platzhalter im NABU-Farbcharakter. Bitte vor dem
   Live-Gang mit den echten Design-Tokens aus dem CMS abgleichen
   und hier ersetzen – die Termine-Widgets (nabu_naturerlebnis.css)
   nutzen exakt diese Variablennamen.
   ============================================================ */

:root {
    /* Marke */
    --nabu-blau: #0E6BB1;
    --nabu-blau-dunkel-30: #0B5589;
    --nabu-blau-dunkel-60: #073A5E;
    --nabu-blau-deckkraft-30: rgba(14, 107, 177, 0.3);
    --nabu-blau-deckkraft-60: rgba(14, 107, 177, 0.6);

    --dunkelgruen: #2E6B3E;
    --dunkelgruen-dunkel-30: #234F2F;
    --dunkelgruen-dunkel-60: #17351F;
    --hellgruen-dunkel-60: #5A8F3E;

    --gelb-dunkel-60: #A67C00;
    --orange-dunkel-60: #B25900;
    --rot: #C62828;

    /* Grautöne */
    --lichtgrau: #F2F2F0;
    --hellgrau: #D6D6D3;
    --dunkelgrau: #4A4A48;

    /* Text & Flächen */
    --main-background: #FFFFFF;
    --normal-text-color: #222220;
    --invert-text-color: #FFFFFF;
    --text-headline-sub: #6B6B68;
    --text-highlight: var(--nabu-blau);

    /* App-Shell */
    --app-header-height: 56px;
    --app-max-width: 900px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
}

@media (prefers-color-scheme: dark) {
    :root {
        --main-background: #1B1E1C;
        --normal-text-color: #EDEDEA;
        --invert-text-color: #14231A;
        --text-headline-sub: #A8ACA8;
        --lichtgrau: #262A27;
        --hellgrau: #3A3E3B;
        --dunkelgrau: #C9CCC8;
    }
}