:root {
    --low-radius: 5px;
    --medium-radius: 10px;
    --hight-radius: 20px;
    --primary-color: white;
    --secondary-color: rgb(239, 239, 239);
    --opposite-color: black;
    /*--blue: #386bfa;*/
    --blue: #2f66ff;
    --opposite-blue: #5b86ff;
    --grey-bg: #f9fafb;
    --grey: #4B5563;
    --dark-grey: #a8a8a8;
    --border: 1px solid #dadada;
    --opposite-border: 1px solid #373737;
    --shadow: 0 8px 10px -5px lightgrey, 0 8px 10px -5px #0000001a, 0 4px 5px -3px lightgrey, 0 4px 5px -3px #0000001a;
    --title-gradient: linear-gradient(270deg, rgba(0, 0, 0, 0.4) 0%, rgb(25, 25, 18) 28.5398%, rgb(25, 25, 18) 73.1614%, rgba(0, 0, 0, 0.4) 100%);
    --opposite-title-gradient: linear-gradient(270deg, rgba(255, 255, 255, 0.4) 0%, rgb(230, 230, 237) 28.5398%, rgb(230, 230, 237) 73.1614%, rgba(255, 255, 255, 0.4) 100%);
}