SASS ignoruje zmienne zdefiniowane w instrukcji if

Mam jeden plik o nazwie style.scss z następującym kodem:

@import 'variables';

body {
    color: $text-color;
    background: $background-color;
}

I jeden częściowy o nazwie _variables.scss:

$colorscheme: white;

@if $colorscheme == white {
    $text-color: #333;
    $background-color: #fff;
}
@else {
    $text-color: #ccc;
    $background-color: #333;
}

Instrukcja if działa poprawnie, ale zmienne zdefiniowane wewnątrz nie działają. Kiedy próbuję go skompilować, otrzymuję:

Błąd składniowy: niezdefiniowana zmienna: „$ text-color”.

questionAnswers(2)

yourAnswerToTheQuestion