/*
 * Thème sombre : les réglages qui ne se font pas par les jetons de tokens.css (images d'arrière-plan, éléments qui doivent rester clairs…).
 * Chargé en dernier ; les sélecteurs commencent par :root[data-theme="dark"], ils l'emportent donc sur les règles des autres feuilles.
 */

/* Flèche des listes déroulantes : tracée en clair sur fond sombre. */
:root[data-theme="dark"] .champ select,
:root[data-theme="dark"] .barre-filtres__tri select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23D5E8DA' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Le papier (note manuscrite, cadre polaroïd) reste clair, un peu adouci pour ne pas éblouir. */
:root[data-theme="dark"] .note-papier {
    background: #EDE6D3;
}

:root[data-theme="dark"] .polaroid {
    background: #EDE8DA;
}

/* Le vert de l'aplat est plus clair en thème sombre : le petit texte posé dessus doit l'être aussi. */
:root[data-theme="dark"] .pastille span {
    color: #D5E8DA;
}

/* Logo de l'en-tête : version aux lettres crème sur fond sombre */
:root[data-theme="dark"] .marque__logo--normal {
    display: none;
}

:root[data-theme="dark"] .marque__logo--clair {
    display: block;
}