渲染时无法更改原色

Question

Bootstrap版本是4.4.1。 我也在使用fontawesome v5.0.7。

我创建了一个main.scss文件，其内容如下：

$theme-colors: ( "primary": orange, "danger": purple );
@import "../node_modules/bootstrap/scss/bootstrap";

此文件已编译为/css/main.css，具有：

:root {
    ...
    --primary: orange;
    ...
}

.text-primary {
    color: orange !important; }

到目前为止，看起来还不错。

在html文件中，有main.css样式文件的导入。

<link rel="stylesheet" href="/css/main.css">

当尝试以橙色显示文本时，它以蓝色显示。

<p class="card-text text-primary">Some text.</p>

浏览器开发工具确实显示主要颜色仍然是蓝色。 我应该在哪里寻找原因？