/* theme-switcher.css: Lightmode Styles für Osnaboard */

/* Lightmode steuert die Farbwelt über CSS-Variablen */
body.lightmode {
    /* Grundfarben */
    --osnaboard-s-body-bg: #f8fafc;            /* Seite / Overlay */
    --osnaboard-s-nav: #ffffffcc;              /* Header / Footer / Mobile-Nav */
    --osnaboard-s-container-bg: #ffffff;       /* Container, Sub-Menüs, Inputs */
    --osnaboard-s-container-frosted: #ffffffee;/* Gefrostete Blöcke */

    --osnaboard-s-heading: #0f172a;            /* Titel, starke Kontraste */
    --osnaboard-s-heading-fade: #0f172ab3;     /* Faded Headings/Labels */
    --osnaboard-s-text: #334155;               /* Fließtext */

    /* Akzent bleibt konsistent mit Brand */
    --osnaboard-s-accent: #2d7f83;             /* Buttons / Highlights */
    --osnaboard-button-hover-bg: #2d7f83d0;    /* Button Hover */
    --osnaboard-s-text-accent: #2d7f83;        /* Text-Akzent */
    --osnaboard-s-accented-text: #ffffff;      /* Text auf Akzentflächen */

    /* Ränder, Lichter, Schatten */
    --osnaboard-s-border: rgba(2, 6, 23, 0.15);
    --osnaboard-s-border-accent: #2d7f8380;
    --osnaboard-s-border-mute: rgba(2, 6, 23, 0.06);
    --osnaboard-s-border-highlight: rgba(2, 6, 23, 0.25);
    --osnaboard-s-backlight: rgba(2, 6, 23, 0.06);
    --osnaboard-s-box-shadow: rgba(2, 6, 23, 0.08);

    /* Menüfarben */
    --osnaboard-c-menu: var(--osnaboard-s-text);
    --osnaboard-c-menu-hover: var(--osnaboard-s-heading);
    --osnaboard-c-menu-active: var(--osnaboard-s-heading);
}

body.lightmode .osnaboard-backlight {
    background: #e0f2f1 !important;
}

/* (Hintergrund und Text werden global über Variablen aus style.css gesetzt) */
/* Headings/Texts folgen Variablen aus config.css/style.css */
/* Counter und Akzentflächen nutzen weiterhin Akzent-Variablen */

/* Entfernt Hard-Overrides für weiße Schrift auf hellen Flächen */

/* Footer-Links folgen Standard-Variablen */


/* Titel folgen Variablen */

/* Buttons/Labels nutzen Akzent-Variablen & Standard-Styles */

/* Footer-Widgets Hintergrund über Container-Variable */

body.lightmode .osnaboard-socials-list a {
    filter: grayscale(0%) brightness(0.7);
}

/* Marquee folgt Variablen */

.theme-toggle-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 40px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}
.theme-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 1.7rem;
    transition: color 0.2s;
    color: var(--osnaboard-s-heading);
    vertical-align: middle;
    cursor: pointer;
}
/* Entferne etwaige Schatten-Effekte auf dem Icon */
.theme-toggle-icon i {
    text-shadow: none !important;
    filter: none !important;
    box-shadow: none !important;
}
body.lightmode .theme-toggle-icon .fa-sun {
    color: #FFD600 !important;
}
.osnaboard-header-rp .osnaboard-button {
    height: 35px;
    display: flex;
    align-items: center;
}

/* Logo-Switch: Standard dunkel, Lightmode hell */
.osnaboard-logo img.logo-light { display: none; }
body.lightmode .osnaboard-logo img.logo-dark { display: none; }
body.lightmode .osnaboard-logo img.logo-light { display: block; }

/* Mobile: Actions rechts (Theme Toggle + Burger) nebeneinander */
@media only screen and (max-width: 960px) {
    .osnaboard-mobile-header-inner .osnaboard-mobile-actions {
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .osnaboard-mobile-header-inner .theme-toggle-label {
        width: 44px;
        height: 44px;
        position: relative;
        z-index: 6; /* über evtl. pseudo overlays */
    }
}