/* public/app/css/dash-theme-btn.css
 * Synopsis: Bouton cycle thèmes dashboard.
 * Objectif: Icône palette + pastille du thème courant.
 */

.dash .dash-theme-btn {
    color: var(--dash-text);
}

.dash .dash-theme-btn__icon {
    display: block;
    flex: 0 0 auto;
}

.dash .dash-theme-btn[data-theme="papier"] {
    background: linear-gradient(145deg, #f7f3e4, #ebe4cf);
    border-color: color-mix(in srgb, #c4b896 55%, var(--dash-line));
    color: #4a4336;
}

.dash .dash-theme-btn[data-theme="sable"] {
    background: linear-gradient(145deg, #efe3cf, #e0d0b4);
    border-color: color-mix(in srgb, #b89a72 55%, var(--dash-line));
    color: #4a3c28;
}

.dash .dash-theme-btn[data-theme="ciel"] {
    background: linear-gradient(145deg, #e4eef7, #cfdfee);
    border-color: color-mix(in srgb, #7fa4c4 55%, var(--dash-line));
    color: #2f4558;
}

.dash .dash-theme-btn[data-theme="sauge"] {
    background: linear-gradient(145deg, #e6eee6, #d0ddd0);
    border-color: color-mix(in srgb, #7ea07e 55%, var(--dash-line));
    color: #2f4534;
}

.dash .dash-theme-btn[data-theme="noir"] {
    background: linear-gradient(145deg, #353a46, #22262f);
    border-color: color-mix(in srgb, #6a7388 50%, transparent);
    color: #e8ecf4;
}