/* EcoCalcolo - Sfondi dispositivi, v1.
 * Cucina riprende esattamente il gradiente della yogurtiera.
 * Solo sfondo del body: non modifica riquadri, caratteri o layout.
 * Attivazione esplicita con data-ec-device-theme sul tag html.
 * Le regole non si applicano alla stampa, alla homepage o al blog.
 */
html[data-ec-device-theme="cucina"] {
    --ec-device-bg-start: #fffbeb;
    --ec-device-bg-end: #fff7ed;
}

html[data-ec-device-theme="bagno"] {
    --ec-device-bg-start: #f0f9ff;
    --ec-device-bg-end: #e0f2fe;
}

html[data-ec-device-theme="tech"] {
    --ec-device-bg-start: #f5f3ff;
    --ec-device-bg-end: #ede9fe;
}

html[data-ec-device-theme="clima"] {
    --ec-device-bg-start: #ecfeff;
    --ec-device-bg-end: #cffafe;
}

@media screen {
    html[data-ec-device-theme] body {
        background-color: var(--ec-device-bg-start, #f8fafc);
        background-image: linear-gradient(
            135deg,
            var(--ec-device-bg-start, #f8fafc) 0%,
            var(--ec-device-bg-end, #f8fafc) 100%
        );
        background-attachment: fixed;
    }
}