Can't override sass variables

[xeruf]

In my frontend I added the following to all.scss for testing:

$layout_background_color:   #222222;
$title_text_color:          #222222;
$body_text_color:           #222222;
$link_text_color:           #222222;

$product_background_color:  #222222;
$product_title_text_color:  #222222;
$product_body_text_color:   #222222;
$product_price_text_color:  #222222;
$product_link_text_color:   #222222;

but nothing changed :c

[xeruf]

I had to create a file called vendor/assets/stylesheets/spree/frontend/_variables.scss and copy the original file for it to be recognized ^^