:root {
    --red: rgba(255, 0, 0, 0.8);
    --red-bg: rgba(255, 0, 0, 0.2);
    --green: rgba(44, 194, 42, 0.8);
    --green-bg: rgba(44, 194, 42, 0.2);
    --active: rgba(101, 224, 255, 0.3);

    --primary-bg-color:rgb(255,255,255);
    --secondary-bg-color:rgb(62, 133, 197);
    --popup-bg-color:rgba(255,255,255,0.95);

    --hover-color:rgba(62,133,197,0.2);

    --text-color:rgba(34,34,34,1);
    --text-color-light:rgba(34,34,34,0.35);

    --border-color:1px solid #d3d3d3;
    --popup-border-color: 2px solid var(--secondary-bg-color);
    --border-radius: 5px;
    --box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


    --button-primary-color:rgb(255,255,255);
    --button-secondary-color:rgb(15,158,213);
    --button-primary-border: 3px solid var(--button-secondary-color);   
    --button-secondary-border: 3px solid var(--button-primary-color);}