:root {
    --main-color: rgb(53, 59, 65);
    --main-color-active: rgb(38, 39, 41);
    --main-color-hover: rgb(0, 123, 255);
    --main-color-link: rgb(0, 84, 173);

    /* CANTO */
    --canto-color-1: rgb(105, 35, 67);
    --canto-color-2: rgb(235, 92, 15);
    --canto-color-1-hover: rgb(134, 47, 86);
    --canto-color-2-hover: rgb(235, 92, 15);

    --main-color-light: rgba(53, 59, 65, 0.5);
    --main-color-active-light: rgba(38, 39, 41, 0.4);
    --main-color-hover-light: rgba(0, 123, 255, 0.3);

    --main-color-lighter: rgba(53, 59, 65, 0.05);
    --main-color-active-lighter: rgba(38, 39, 41, 0.03);
    --main-color-hover-lighter: rgba(0, 123, 255, 0.15);

    --valid-color: darkgreen;
    --valid-color-hover: rgba(0, 100, 0, 0.8);
    --error-color: rgb(210, 1, 1);
    --error-color-hover: rgba(210, 1, 1, 0.8);

    --input-boder-color: #aaa;

    --alert-valid: rgba(1, 150, 1, 0.8);
    --alert-error: rgba(210, 1, 1, .8);
    --alert-warning: rgba(230, 149, 0, 0.8);
    --alert-grey: grey;

    --footer-border: rgba(167, 167, 167, 0.75);
    --footer: rgb(167, 167, 167);
}