:root {
    /**
        Add new variables or to override login variables.
    */

    --body-background-image: none;
    --body-background-color: var(--color-mask);

    /**
        Add new variables or to override core variables.
    */

    --base-color-main1: 186, 100%;
    --color-main1: hsla(var(--base-color-main1), 39%);
    --color-main1-dark: hsla(var(--base-color-main1), 27%);
    --color-main1-light: hsla(var(--base-color-main1), 64%);

    --base-color-main2: 266, 64%;
    --color-main2: hsla(var(--base-color-main2), 38%);
    --color-main2-dark: hsla(var(--base-color-main2), 50%);
    --color-main2-light: hsla(var(--base-color-main2), 76%);

    --color-text: hsl(201, 27%, 43%);
    --color-text-dark: hsl(203, 66%, 10%);

    --background-color: hsla(var(--color-white), 96%);
    --background-blue: hsla(var(--base-color-main1), 98%);

    --base-color-error: 0,100%;
    --color-error: hsla(var(--base-color-error), 77%);
    --color-error-light: hsla(var(--base-color-error), 96%);
    --color-error-dark: hsla(var(--base-color-error), 34%);

    --base-color-emergency: 36,53%;
    --color-emergency: hsla(var(--base-color-emergency), 52%);
    --color-emergency-light: hsla(var(--base-color-emergency), 88%);
    --color-emergency-dark: hsla(var(--base-color-emergency), 35%);

    --base-color-success: 135,46%;
    --color-success: hsla(var(--base-color-success), 55%);
    --color-success-light: hsla(var(--base-color-success), 93%);
    --color-success-dark: hsla(var(--base-color-success), 26%);

    --base-color-info: 194, 89%;
    --color-info: hsla(var(--base-color-info), 46%);
    --color-info-light: hsla(var(--base-color-info), 95%);
    --color-info-dark: hsla(var(--base-color-info), 22%);

    --color-box-shadow: hsla(var(--base-color-black), 0%, 0.15);

    --font24: 24px;

    --font-placeholder: var(--font-italic);
    --color-placeholder: var(--color-text);
    --background-color-placeholder: hsla(var(--base-color-main1), 98%);
}