:root {
    --primary: #50b8e7;
    --secondary: #6EBFD6; /* Lighter shade of primary color */
    --tertiary: #2490AF; /* Darker shade of primary color */
    --light: #AED9F3; /* Lighter shade of primary color */
    --inverse: #E6F4FC; /* Lighter shade of primary color */
    --semi-primary: #8AB5CC; /* Lighter shade of prima*/
    
    
    --default: white;
    --default-inverse:black;
    --default-bg:rgb(240, 235, 235);

    --success:green;
    --danger: red;
    --warning: #ff8300;
}