:root {
    /* --- BRAND COLORS  --- */
    --main-color: #2a3583;
    --main-color-text: #FFFFFF; /*Kontrast-Text-Farbe*/
    --main-color-hover: #3572A5;
    
    --secondary-color: #6B8E23;
    --secondary-color-text: #FFFFFF; /*Kontrast-Text-Farbe*/
    
    --secondary-color-darker: #556B2F;
    --accent: #00CED1;

    /* --- BACKGROUNDS & SURFACES --- */
    --bg-main: #f4f7f6;
    --logo-background-color: var(--main-color);
    --surface: #ffffff;
    --border-soft: #D1D9E0;

    /* --- TEXT --- */
    --text-main: #333333;
    --text-muted: #62727B;

    /* --- INPUTS & FORMS --- */
    --input-bg: #ffffff;
    --input-border: #D1D9E0;
    --input-focus-bg: #ffffff;
    --input-focus-border: var(--main-color);

    /* --- MAPPINGS --- */
    --input-fill: var(--input-bg);
    --form-border: var(--input-border);
    --form-text: var(--text-main);
    --form-bg: var(--surface);

    /* --- LINKS --- */
    --link-color: var(--main-color);
    --link-hover: #1a235a;

    /* --- PWA --- */
    --pwa-bg: var(--secondary-color);
    --pwa-text: #ffffff;

    --scrollbar-width: 0px;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* --- BACKGROUNDS & SURFACES --- */
        --bg-main: #0F172A;
        --surface: #1E293B;
        --border-soft: #334155;
        --text-main: #F1F5F9;
        --text-muted: #94A3B8;

        /* --- BRAND COLORS  --- */
        --main-color: #2a3583;      /* Original beibehalten */
        --main-color-text: #FFFFFF;
        
        --main-color-hover: #3572A5; /* Original beibehalten */
        --secondary-color: #6B8E23;  /* Original beibehalten */
        --secondary-color-text: #FFFFFF;
        --secondary-color-darker: #556B2F; /* Original beibehalten */
        --accent: #00CED1;

        /* --- INPUTS & FORMS --- */
        --input-bg: #1E293B;
        --input-border: #334155;
        --input-focus-bg: #1E293B;

        /* --- LINKS --- */
        --link-color: #60a5fa;       /* Ein schönes, leuchtendes Hellblau für Dark Mode */
        --link-hover: #93c5fd;       /* Ein noch helleres Blau beim Drüberfahren */

        --pwa-bg: var(--secondary-color);
        --pwa-text: #ffffff;
    }
}