:root {
    /** main color **/
    --main-color-rgb: 74, 173, 171;
    --main-color: rgba(var(--main-color-rgb), 1);
    --main-color-dark: rgb(51, 121, 119); /* https://www.htmlcsscolor.com/hex/E2001A */
    --main-color-light: rgba(var(--main-color-rgb),0.6);

    --main-header-color: white;
    --main-footer-color: white;

    /* */
    --main-color-hover-border: rgba(51, 121, 119, 0.100);
    --main-color-shadow-border-shadow: rgba(var(--main-color-rgb), 0.4);

    /** main colored button **/
    --main-btn-bg-color: #444;
    --main-btn-txt-color: white;
    --main-btn-border-color: #000;
    --main-btn-hover-bg-color: #000;
    --main-btn-disabled-bg-color: #444;

    /* links */
    --main-link-color: var(--main-color);
    --main-link-color-hover: var(--main-color-dark);
}