/* ============================================================
   Maillotin — Thèmes clair / sombre / auto
   ============================================================ */

[data-theme="light"] {
    --bg-app:             #ffffff;
    --bg-sidebar:         #f4f4f4;
    --bg-sidebar-header:  #e8e8e8;
    --bg-sidebar-hover:   #dce8ff;
    --bg-sidebar-actif:   #c8daff;
    --bg-liste:           #ffffff;
    --bg-liste-hover:     #f0f4ff;
    --bg-liste-header:    #f0f0f0;
    --bg-selectionne:     #6b73d6;
    --bg-lecture:         #ffffff;
    --bg-barre-titre:     #e8e8e8;
    --bg-filtres:         #f8f8f8;
    --bg-compose:         #ffffff;
    --bg-input:           #ffffff;
    --texte-principal:    #1a1a1a;
    --texte-secondaire:   #444444;
    --texte-muted:        #888888;
    --texte-selectionne:  #ffffff;
    --texte-sidebar:      #222222;
    --texte-header:       #333333;
    --bordure:            #dddddd;
    --bordure-focus:      #6b73d6;
    --separateur:         #eeeeee;
    --non-lu-dot:         #0d6efd;
    --badge-nonlu-bg:     #0d6efd;
    --badge-nonlu-texte:  #ffffff;
    --badge-total-bg:     #6c757d;
    --badge-total-texte:  #ffffff;
    --ombre:              0 2px 8px rgba(0,0,0,.08);
    --ombre-compose:      0 4px 24px rgba(0,0,0,.15);
    --scrollbar-track:    #f4f4f4;
    --scrollbar-thumb:    #cccccc;
}

[data-theme="dark"] {
    --bg-app:             #1a1a2a;
    --bg-sidebar:         #1e1e2e;
    --bg-sidebar-header:  #16161f;
    --bg-sidebar-hover:   #2a2a40;
    --bg-sidebar-actif:   #35356a;
    --bg-liste:           #22223a;
    --bg-liste-hover:     #2a2a44;
    --bg-liste-header:    #1a1a28;
    --bg-selectionne:     #4a4aaa;
    --bg-lecture:         #1e1e30;
    --bg-barre-titre:     #14141e;
    --bg-filtres:         #1e1e2e;
    --bg-compose:         #22223a;
    --bg-input:           #2a2a40;
    --texte-principal:    #e0e0e0;
    --texte-secondaire:   #b0b0b0;
    --texte-muted:        #666680;
    --texte-selectionne:  #ffffff;
    --texte-sidebar:      #cccccc;
    --texte-header:       #aaaaaa;
    --bordure:            #333350;
    --bordure-focus:      #8888dd;
    --separateur:         #2a2a40;
    --non-lu-dot:         #7788ff;
    --badge-nonlu-bg:     #5566ee;
    --badge-nonlu-texte:  #ffffff;
    --badge-total-bg:     #444455;
    --badge-total-texte:  #aaaaaa;
    --ombre:              0 2px 8px rgba(0,0,0,.4);
    --ombre-compose:      0 4px 24px rgba(0,0,0,.5);
    --scrollbar-track:    #1e1e2e;
    --scrollbar-thumb:    #44445a;
}

@media (prefers-color-scheme: light) {
    [data-theme="auto"] {
        --bg-app:#ffffff;--bg-sidebar:#f4f4f4;--bg-sidebar-header:#e8e8e8;--bg-sidebar-hover:#dce8ff;--bg-sidebar-actif:#c8daff;
        --bg-liste:#ffffff;--bg-liste-hover:#f0f4ff;--bg-liste-header:#f0f0f0;--bg-selectionne:#6b73d6;--bg-lecture:#ffffff;
        --bg-barre-titre:#e8e8e8;--bg-filtres:#f8f8f8;--bg-compose:#ffffff;--bg-input:#ffffff;
        --texte-principal:#1a1a1a;--texte-secondaire:#444444;--texte-muted:#888888;--texte-selectionne:#ffffff;--texte-sidebar:#222222;--texte-header:#333333;
        --bordure:#dddddd;--bordure-focus:#6b73d6;--separateur:#eeeeee;
        --non-lu-dot:#0d6efd;--badge-nonlu-bg:#0d6efd;--badge-nonlu-texte:#ffffff;--badge-total-bg:#6c757d;--badge-total-texte:#ffffff;
        --ombre:0 2px 8px rgba(0,0,0,.08);--ombre-compose:0 4px 24px rgba(0,0,0,.15);--scrollbar-track:#f4f4f4;--scrollbar-thumb:#cccccc;
    }
}
@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        --bg-app:#1a1a2a;--bg-sidebar:#1e1e2e;--bg-sidebar-header:#16161f;--bg-sidebar-hover:#2a2a40;--bg-sidebar-actif:#35356a;
        --bg-liste:#22223a;--bg-liste-hover:#2a2a44;--bg-liste-header:#1a1a28;--bg-selectionne:#4a4aaa;--bg-lecture:#1e1e30;
        --bg-barre-titre:#14141e;--bg-filtres:#1e1e2e;--bg-compose:#22223a;--bg-input:#2a2a40;
        --texte-principal:#e0e0e0;--texte-secondaire:#b0b0b0;--texte-muted:#666680;--texte-selectionne:#ffffff;--texte-sidebar:#cccccc;--texte-header:#aaaaaa;
        --bordure:#333350;--bordure-focus:#8888dd;--separateur:#2a2a40;
        --non-lu-dot:#7788ff;--badge-nonlu-bg:#5566ee;--badge-nonlu-texte:#ffffff;--badge-total-bg:#444455;--badge-total-texte:#aaaaaa;
        --ombre:0 2px 8px rgba(0,0,0,.4);--ombre-compose:0 4px 24px rgba(0,0,0,.5);--scrollbar-track:#1e1e2e;--scrollbar-thumb:#44445a;
    }
}