:root {
    --low-radius: 5px;
    --medium-radius: 10px;
    --hight-radius: 20px;
    --primary-color: white;
    --secondary-color: rgb(239, 239, 239);
    --opposite-color: black;
    --blue: #386bfa;
    --grey: #4B5563;
    --dark-grey: #575757;
    --border: 1px solid #dadada;
    --shadow: 3px 3px 3px 0px white;
    --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%);
}


[data-theme="dark"] {
    --primary-color: black;
    --secondary-color: rgb(71, 71, 71);
    --opposite-color: white;
    --blue: #5b86ff;
    --grey: #a8a8a8;
    --dark-grey: #575757;
    --border: 1px solid #373737;
    --shadow: 3px 3px 3px 0px black;
    --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%);

}