:root {
    --global--color--color1: #b25c3a;
    --global--color--color2: #2c65bb;
    --global--color--accent: #0f5ded;
    --global--color--white: hsl(0, 0%, 100%);
    --global--color--gray-50: hsl(0, 0%, 50%);
    --global--color--gray-60: hsl(0, 0%, 40%);
    --global--color--gray-70: hsl(0, 0%, 30%);
    --global--color--gray-80: hsl(0, 0%, 20%);
    --global--color--gray-87: hsl(0, 0%, 13%);
    --global--color--primary-03: hsl(39, 17%, 97%);
    --global--color--primary-10: hsl(39, 17%, 90%);
    --global--color--primary-20: hsl(39, 17%, 80%);
    --global--color--primary-30: hsl(39, 17%, 70%);
    --global--color--primary-40: hsl(39, 17%, 60%);
    --global--color--primary-50: hsl(39, 17%, 50%);
    --global--color--primary-55: hsl(39, 17%, 45%);
    --global--color--primary-60: hsl(39, 17%, 40%);
    --global--color--primary-65: hsl(39, 17%, 35%);
    --global--color--primary-70: hsl(39, 17%, 30%);
    --global--color--primary-75: hsl(39, 17%, 25%);
    --global--color--primary-80: hsl(39, 17%, 20%);
    --global--color--primary-90: hsl(39, 17%, 10%);


    --global--color--primary: var(--global--color--primary-50);
    --global--color--header-container: #111;
    --global--color--header-container-text: #fff;
    --global--color--primary-container: var(--global--color--primary-03);
    --global--color--primary-container-text: var(--global--color--gray-80);
    --global--color--primary-container-info: var(--global--color--color1);
    --global--color--primary-container-border: var(--global--color--primary-20);
    --global--color--secondary-container: var(--global--color--primary-10);
    --global--color--secondary-container-border: var(--global--color--primary-20);
    --global--color--secondary-container-text: var(--global--color--primary-75);
    --global--color--button: var(--global--color--color2);
    --global--color--button-text: #fff;
    --global--color--button-border: var(--global--color--primary-20);
    --global--color--button-hover: var(--global--color--color1);
    --global--color--button-hover-text: #fff;
    --global--color--button-hover-border: var(--global--color--primary-65);
    --global--color--contact-field-label: #333;
    --global--color--contact-field: #fff;
    --global--color--contact-field-text: #333;
    --global--color--contact-field-border: var(--global--color--primary-30);
    --global--color--contact-field-focus-border: var(--global--color--primary-50);
    --global--color--contact-button: var(--global--color--button);
    --global--color--contact-button-text: var(--global--color--button-text);
    --global--color--contact-button-hover: var(--global--color--button-hover);
    --global--color--contact-button-hover-text: var(--global--color--button-hover-text);
    --global--color--lang-switcher: var(--global--color--gray-70);
    --global--color--lang-switcher-text: var(--global--color--primary-10);
    --global--color--lang-switcher-border: var(--global--color--gray-50);
    --global--color--lang-switcher-hover: var(--global--color--primary-60);
    --global--color--lang-switcher-hover-text: var(--global--color--primary-10);
    --global--color--link: var(--global--color--accent);
    --global--color--link-hover: var(--global--color--button-hover);
}