:root {
    color-scheme: light dark;
    supported-color-schemes: light dark;

    /* Corporate Farben für Listmonk */
    --main-bg-color: #f8fafc;                /* Hintergrund der Seite */
    --secondary-bg-color: #ffffff;           /* Karten- & Eingabefeld-Hintergrund */
    
    --main-font-color: #0f172a;              /* Haupttext */
    --secondary-font-color: #64748b;         /* Nebentext / Beschreibungen */
    
    --main-highlight-color: #2d4b66;         /* Primärfarbe (Buttons, Akzente) */
    --secondary-highlight-color: #1e3245;      /* Button Hover-Farbe */
    --highlight-font-color: #ffffff;         /* Textfarbe auf Buttons */
}

/* Optional: Dark Mode Anpassung */
@media (prefers-color-scheme: dark) {
    :root {
        --main-bg-color: #0f172a;
        --secondary-bg-color: #1e293b;
        --main-font-color: #f8fafc;
        --secondary-font-color: #94a3b8;
        --main-highlight-color: #a4d9b6;     /* Grüner Akzent im Dark Mode */
        --secondary-highlight-color: #8ecba2;
        --highlight-font-color: #0f172a;     /* Dunkler Text auf meeresgrünem Button */
    }
}

* {
    box-sizing: border-box;
}

html {
    background-color: var(--main-bg-color) !important;
    width: 100%;
    height: 100%;
}