:root {
    // COLOR SHADES
    @each $color, $shades in $eui-base-tokens-colors {
        @each $shade, $value in $shades {
            --eui-base-color-#{$color + '-' + $shade}: #{$value};
            --eui-base-color-#{$color + '-' + $shade}-contrast: #{getContrast($value)};
        }
    }

    // RAW COLORS
    --eui-base-color-text: var(--eui-base-color-grey-100);
    --eui-base-color-link: var(--eui-base-color-primary-100);
    --eui-base-color-black: var(--eui-base-color-grey-100);
    --eui-base-color-white: var(--eui-base-color-grey-0);
    --eui-base-color: var(--eui-base-color-grey-100);
}
