:root {
    --base-color: #f9f7f1d3;
    --bg-color: #393d3f;
    --slide-shower-color : rgba(255, 255, 255, .6);
    --active-slide-shower-color : rgba(255, 255, 255, 1);
    --page-title-after-bg-color: linear-gradient(90deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .4) 25%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .8) 75%, rgba(255, 255, 255, .1) 100%);
    --slides-overlayer-color: linear-gradient(rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .6) 100%);
    --base-linear-gradiant: linear-gradient(35deg, rgba(0, 0, 0, 0.7) 0%, rgba(70, 70, 70, .2) 25%, rgba(255, 255, 255, .1) 35% ,rgba(0, 0, 0, .5) 50%, rgba(255, 255, 255, .2) 75%, rgba(0, 0, 0, .8) 100%);
    --faq-border-color:rgba(39, 76, 119, 0.3);
    --border-color:rgba(39, 76, 119,0.2);
    --page-title-color:#f9f7f1f3;
    --input-color: rgba(255,255,255,0.2); 
    --slide-sub-title-color: #274c77;
    --form-changer-btn-color: #94928f;
}

body.light {
    --base-color: #393d3f;
    --bg-color: #C9C5BF;
    --slide-shower-color : rgba(31, 24, 19, .6);
    --active-slide-shower-color : rgba(31, 24, 19, 1);
    --page-title-after-bg-color: linear-gradient(90deg, rgba(59, 46, 35, .3) 0%, rgba(59, 46, 35, .2) 25%, rgba(59, 46, 35, .3) 50%, rgba(59, 46, 35, .6) 75%, rgba(59, 46, 35, .1) 100%);
    --slides-overlayer-color: linear-gradient(rgba(201, 194, 159, .2) 0%, rgba(201, 194, 159, .2) 100%);
    --base-linear-gradiant: linear-gradient(35deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .1) 25%, rgba(255, 255, 255, .3) 50%, rgba(60, 60, 60, .3) 75%, rgba(255, 255, 255, .2) 100%);
    --input-color: rgba(255,255,255,0.01); 
    --slide-sub-title-color: #274c77;
    --form-changer-btn-color: #727779;
}