:root {
    --text-color: #3E607D;
    --primary-1: #f9fafc;
    --primary-2: #e2ebf4;
    --primary-3: #3e607d;
    --primary-4: #8EB1D0;
    --accent-color-1: #4585bf;
    --accent-color-2: rgba(247,206,73,.46);
    --background-1: #FAFDFF;
    --cards-background-1: #e5f3ff85;
    --cards-background-2: #e0ecf6;
    --hero-small-text-font-size: 1.4rem;
    --hero-large-text-font-size: 2.6rem;
    --navbar-inline: 20vw;
    --wrapper-inline: 20vw;
    --navbar-font-size: .7rem;
}


/* Color Schemes and dark mode */

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #121212;
        --text-color: #ffffff;
        --primary-1: #090f13;
        --primary-2: #131d27;
        --primary-3: #182530;
        --primary-4: #8EB1D0;
        --accent-color-1: #ffffff;
        --accent-color-2: rgb(205, 163, 25);
        --background-1: #FAFDFF;
        --cards-background-1: #3f434685;
        --cards-background-2: #e0ecf6;
        --button-bg-color: #181818;
        --button-bg-hover: #1e1e1e;
        --button-bg-selected: #182530;
        --hero-small-text-font-size: 2.2rem;
        --hero-large-text-font-size: 4.3rem;    
    }
    
}


/* Responsive and mobile */

@media (max-width:1200px){
    body{
        --navbar-inline: 10vw;
        --wrapper-inline: 10vw;
    }
}

@media (max-width:800px){
    body{
        --navbar-font-size: .9rem;
    }
}