:root {
    --color-always-light-blue: rgb(166, 224, 255);

    --color-light-gray: rgb(218, 218, 218);

    --color-background-blue: rgb(54, 67, 102);
    --color-background-medium-blue: rgb(0, 165, 246);
    --color-background-blue-hover: rgba(54, 67, 102, 0.82);
    --color-yellow: rgb(217, 199, 76);
    --color-light-orange: rgb(255, 204, 153);
    --color-orange: rgb(240, 173, 78);
    --color-light-red: rgb(255, 200, 200);
    --color-blue: rgba(29, 69, 232, 0.6);
    --color-light-green: rgba(122, 211, 95, 0.75);
    --color-dark-green: rgb(1, 169, 45);
    --color-gray-light: rgb(157, 157, 157);
    --color-gray-very-light: rgb(222 213 213 / 38%);
    --color-violet: rgb(170, 22, 231);


    --text-shadow-button: rgb(0 0 0 / 25%) 0 -1px 0;
    --box-shadow-color: rgb(0 0 0 / 20%);
    --light-box-shadow-color: rgb(75 75 75 / 20%);

    --button-primary-color-active-hover: rgb(32, 77, 116);

    --button-info-color: rgb(73, 175, 205);
    --button-info-color-hover: rgb(47, 150, 180);
    --button-info-color-active-hover: rgb(38, 154, 188);

    --button-success-color: rgb(91, 183, 91);
    --button-success-color-hover: rgb(81, 163, 81);
    --button-success-color-active-hover: rgb(57, 132, 57);

    --button-success-dark-color: rgb(4, 170, 109);
    --button-success-dark-color-hover: rgb(15, 101, 50);
    --button-success-dark-color-active-hover: rgb(57, 132, 57);

    --button-warning-color: rgb(250, 167, 50);
    --button-warning-color-hover: rgb(248, 148, 6);
    --button-warning-color-active-hover: rgb(213, 133, 18);

    --button-danger-color: rgb(218, 79, 73);
    --button-danger-color-hover: rgb(189, 54, 47);
    --button-danger-color-active-hover: rgb(172, 41, 37);

    /* Color Dark Mode */
    --color-global-link: rgb(233, 233, 234);
}