html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-sans);
    color: var(--color-text);
    line-height: 1.6;
    background-color: var(--color-background);
    background-image: url('../../../marmol.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-blend-mode: normal;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    display: block;
    flex: 1;
}

strong {
    font-weight: 700;
}

body.page--discounts {
    background:
        radial-gradient(1000px 600px at 0% 0%, rgba(213, 122, 28, 0.08), transparent 55%),
        radial-gradient(900px 500px at 100% 20%, rgba(26, 43, 68, 0.06), transparent 60%),
        #edf2f6;
    color: #0f172a;
}