/* public/app/css/page-themes-dash.css
 * Synopsis: Module page-themes-dash.
 * Objectif: Rôle de public/app/css/page-themes-dash.css.
 */

html[data-vok-theme="papier"] .dash,
html:not([data-vok-theme]) .dash {
    --dash-bg: #e6e2d2;
    --dash-elev: #f4f1e6;
    --dash-elev2: #d8d4c4;
    --dash-input-bg: #fffdf6;
    --dash-text: #1a1814;
    --dash-muted: #5a564c;
    --dash-line: rgba(23, 21, 15, .16);
    --dash-accent: #178c6d;
    --dash-accent-dim: rgba(23, 140, 109, .11);
    --dash-hot: #bf4a32;
    --dash-shadow: rgba(23, 21, 15, .12);
}

html[data-vok-theme="sable"] .dash {
    --dash-bg: #ddd0bc;
    --dash-elev: #ebe2d4;
    --dash-elev2: #cfc2ae;
    --dash-input-bg: #faf6ee;
    --dash-text: #2a2218;
    --dash-muted: #6a5e50;
    --dash-line: rgba(42, 34, 24, .16);
    --dash-accent: #2d725d;
    --dash-accent-dim: rgba(45, 114, 93, .11);
    --dash-hot: #b26046;
    --dash-shadow: rgba(42, 34, 24, .14);
}

html[data-vok-theme="ciel"] .dash {
    --dash-bg: #cdd9e6;
    --dash-elev: #e2eaf2;
    --dash-elev2: #b8c8d8;
    --dash-input-bg: #f8fbff;
    --dash-text: #14202e;
    --dash-muted: #4a5c70;
    --dash-line: rgba(20, 32, 46, .14);
    --dash-accent: #2f7399;
    --dash-accent-dim: rgba(47, 115, 153, .11);
    --dash-hot: #c76b52;
    --dash-shadow: rgba(20, 32, 46, .12);
}

html[data-vok-theme="sauge"] .dash {
    --dash-bg: #d0dbd0;
    --dash-elev: #e4ebe4;
    --dash-elev2: #bcc8bc;
    --dash-input-bg: #f6faf6;
    --dash-text: #1a261c;
    --dash-muted: #4a5a4e;
    --dash-line: rgba(26, 38, 28, .14);
    --dash-accent: #3f7556;
    --dash-accent-dim: rgba(63, 117, 86, .11);
    --dash-hot: #b66752;
    --dash-shadow: rgba(26, 38, 28, .12);
}

html[data-vok-theme="noir"] .dash {
    --dash-bg: #2a2e38;
    --dash-elev: #343946;
    --dash-elev2: #3f4554;
    --dash-input-bg: #3a404e;
    --dash-text: #f5f2ec;
    --dash-muted: #c4c0c8;
    --dash-line: rgba(255, 255, 255, .14);
    --dash-accent: #6aac9a;
    --dash-accent-dim: rgba(106, 172, 154, .11);
    --dash-hot: #b08078;
    --dash-shadow: rgba(0, 0, 0, .35);
}