:root {
    --background-color: #262630;
    --secondary-color: #15151B;
    --accent-color: #F5C344;
    --accent2-color: #1E1E27;
    --details-color: #76777F;
    --details2-color: #3a3a42;
    --red-color: #EF4A53;
    --green-color: #53A762;
    --button-color: #343442;
    --secondary2-color: #17171E; 
    --overlay-color: 255, 255, 255;
    --text-color:#f7f7fc; 
    --overlay-opacity: 0.01;
    /* 1% as a decimal */
    --white-color: #ffffff;
    --box2-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    --hover2-color : #2626319c;
    --box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    --text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    --main-color: #00000000;
    --white2-color: #ffffff;
    --wave-svg: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20120%2028%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2020%20Q%2030%2010%2060%2020%20T%20120%2020%20V28%20H0%20Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E');
    --font-weight-bold: 550;
    --font-weight-normal: 550;
    --font-weight-bold2: 550;
    --map-color:rgb(102, 102, 102);
    --black-color: #000;
}