/* legacy */

:root {
    --wp--preset--color--contrast-light: var(--wp--custom--color--neutral--500);
    --wp--preset--color--contrast: var(--wp--custom--color--neutral--600);
    --wp--preset--color--primary-dark: var(--wp--custom--color--primary--600);
    --wp--preset--color--primary: var(--wp--custom--color--primary--500);
    --wp--preset--color--primary-light: var(--wp--custom--color--primary--100);
    --wp--preset--color--primary-lighter: var(--wp--custom--color--primary--050);
    --wp--preset--color--secondary: var(--wp--custom--color--secondary--500);
    --wp--preset--color--secondary-light: var(--wp--custom--color--secondary-100);
    --wp--preset--color--secondary-lighter: var(--wp--custom--color--secondary--050);
    --wp--preset--color--secondary-pro: var(--wp--custom--color--secondary-pro--600);
    --wp--preset--color--secondary-pro-lighter: var(--wp--custom--color--secondary-pro--050);
    --wp--preset--color--tertiary: var(--wp--custom--color--tertiary--500);
    --wp--preset--color--tertiary-light: var(--wp--custom--color--tertiary--300);
    --wp--preset--color--tertiary-lighter: var(--wp--custom--color--tertiary--200);
}

.has-base-background-color {
    background-color: var(--wp--preset--color--base);
}