Pre-Sales question about variables in a CSS file

Hi Colleagues and Envato Team,
Could you, please, let me know the details about my question:
Our Bootstrap 4 theme is developed and is ready to be released here. Please, let me know if we can use variables in the CSS file? Like:

:root {
--white: #fff;
}

p {
color: var(--white);
}

Thank you in advance.

You can use this type variables also
$color-white: #ffffff;

p {
color: $color-white;
}
OR

$white-ff: #ffffff;

p {
color: $white-ff;
}