:root {
    --font-family: 'Segoe UI',roboto,Helvetica Neue,helvetica,arial,sans-serif;
    --transition:all 0.4s ease-in-out;
    --theme-color: #070644;
    --theme-active-bg:#1B0D56;
    --theme-active-color:#BC4AF0;
    --theme-border-color:#3F3983;
    --theme-shadow: 0px 0px 18px rgb(35 174 255 / 20%);
    /*--primary-color: #23AEFF;*/
    --primary-color: #007bff;
    --primary-hover-color: #1B0D56;
    --primary-selected-color: #1B0D56;
    --primary-selected-hover-color: #aed4fc;
    --text-color-on-primary: #ffffff;
    --primary-text-color: #070644;
    --secondary-color: #BC4AF0;
    --secondary-hover-color: #f3e0ff;
    --secondary-selected-color: #f2dbfc;
    --secondary-selected-hover-color: #aed4fc;
    --secondary-text-color: #323338;
    --text-color-on-secondary: #ffffff;
    --secondary-dark:#774fa3;
    --blue-color:#1661E9;
    --dark-blue-color:#3F3983;
    --light-blue:#eaf6ff;
    --parrot-color:#8CC344;
    --white: #ffffff;
    --white-rgb: 255, 255, 255;
    --black: #000;
    --gray-dark-color: #636363;
    --gray-color: #F7F8FA;
    --gray-border-color: #DFDFDF;
    --gray-light-color: #F3F3F3;
    --gray-bg-color:#f3f3f8;
    --gray-active-color:#F5F6F7;

    --success-color:#4CAF50;
    --success-light-color:#e1f5e8;
    --warning-color:#EBC647;
    --danger-color:#FF5A54;
    --danger-light-color:#ffdedd; 

    --slate-gray:#7B828C; 
    --cyan:#00c0a5;

    --skyblue-color: #23AEFF;
    --skyblue-light-color: #D3EFFF;

    
}