I have a visualforce page that uses
<apex: slds/> to leverage lightning design system.
I'm trying to set background color on an element using the
$color-background-backdrop-tint global variable listed in design tokens on slds documentation.
If I hard-code the hex value, it works fine.
<div class="slds-card__body" style="background-color : #fafaf9;">
If i use the global variable, it does not work.
<div class="slds-card__body" style="background-color : $color-background-backdrop-tint;">
I assume this means that these standard design tokens cant be used in visualforce, and can only be used with lightning components? Or is there something I'm missing?