そのガイドは少し古くなっていますね。ただし、あなたの場合の問題の核心はコア変数ではなく、テーマの色 scheme を継承していないコンポーネント内の SCSS カラーです。（それでも、ガイドを確認して更新します。）
少し背景を説明しますと、2020 年 8 月〜9 月に、色に CSS カスタムプロパティを使用するように移行しました。この変更の主な理由は、軽量かつ高速な方法で 自動ダークモード をサポートするためでした。テーマには CSS と JS が含まれているため、素早く切り替えることはできませんが、CSS カスタムプロパティを使用すれば、ページをリフレッシュせずに色 scheme をその場で切り替えることができます。
あなたのサイトを見ると、それぞれ色 scheme を持つ 4 つのテーマと、共有スタイル用のテーマ間で共有されるコンポーネントが 1 つあります。これと実質的に同じことを、すべての共有スタイルを含む 1 つのメインテーマと、ユーザーが選択可能な 4 つの色 scheme で実現できます。メインテーマの color_definitions.scss ファイル内のすべての色計算を移動する必要がありますが、可能です。明日、時間が取れれば試してみます。