O gradiente não funciona.

Boa tarde! Estou fazendo o curso e realizando a prática, porém tem havido um único problema, o gradiente não está funcionando. Fiz exatamente como no vídeo, e já tentei com e sem variável, mas ao invés de o gradiente linear primário ser aplicado na página, o fundo fica completamente branco. Não sei como resolver. Já tentei mudar para uma cor mais escura (para verificar se eu é que não estava percebendo o gradiente) mas não adiantou, é como se a linha de código simplesmente não existisse ou fosse ignorada. Até chequei, para ver se não estava compilando, mas está sim, inclusive o gradiente aparece no código styles.css, mostrando que o scss foi compilado.

// Variáveis
//Cores
$cor-primaria: #0c0421;
$cor-secundaria: #4e75ff;
$cor-terciaria: #85a0ff;
$cor-quaternaria: #e8f5c8;
$cor-default: #cad4fa;
$gradiente-primario: linear-gradient(180deg, #e8f5c8, 0%, #ffffff 96.87%);
$gradiente-secundario: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(202, 212, 250, 0.3) 100%);
// Fontes
$ft-textos: 'Montserrat', sans-serif;
$ft-titulos: 'Krona One', sans-serif;

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

header {
    background: $gradiente-primario;
    padding: 2rem;

    // Sass permite aninhar elementos
    // Ex: header nav {} -> header { nav {} }

    nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.6rem;

        .linha {
            border-top: 1px solid black;
            width: 80%;
        }

        ul {
            display: inline-flex;
            gap: 2rem;

            li {
                list-style-type: none;
            }
            a {
                text-decoration: none;
                color: $cor-primaria;
                color: #0c0421;
                font-weight: 500;
                font-family: $ft-textos;
            }
        }
    }

    #home {
        max-width: 1040px;
        width: 80%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .textos-home {
            max-width: 464px;
            h1 {
                font-size: 42px;
                color: $cor-primaria;
                margin-bottom: 2rem;
                font-family: $ft-titulos;
                span {
                    color: $cor-secundaria;
                }
            }
            .btn-main {
                border: none;
                outline: none;
                color: white;
                background: $cor-secundaria;
                width: 280px;
                border-radius: 40px;
                padding: 24px;
                font-family: $ft-textos;
                font-size: 22px;
                font-weight: 600;
                &:hover {
                    cursor: pointer;
                    background-color: $cor-terciaria;
                }
            }
        }
        .img-home {
            max-width: 474px;
            img {
                width: 100%;
            }
        }
    }
}