/* ASSET COLOR PAGE */
:root {
    --primaryColor-darkTheme: #1A1A1B;
    --secondColor-darkTheme: #2C2C2C;
    --strokeColor-darkTheme: #474747;
    --gradient1-darkTheme: #1A1A1B;
    --gradient2-darkTheme: #232323;
    --textColor-darkTheme: #ffffff;


    --primaryColor-lightTheme: #E9E9E9;
    --secondColor-lightTheme: #f3f3f3;
    --strokeColor-lightTheme: #CBCBCB;
    --gradient1-lightTheme: #E9E9E9;
    --gradient2-lightTheme: #f3f3f3;
    --textColor-lightTheme: #000000;

}

.dark-theme {
    transition: background-color 0.1s ease-in-out;
}

.light-theme {
    transition: background-color 0.1s ease-in-out;
}

/* DARK THEME -------------------------------------------- */

body.dark-theme {
    background-color: var(--primaryColor-darkTheme);
}

.fake-header.dark-theme {
    background-color: var(--secondColor-darkTheme);
    border-color: var(--strokeColor-darkTheme);
}

#principal.dark-theme {
    background-color: var(--primaryColor-darkTheme);
}

#header.dark-theme {
    background-color: var(--secondColor-darkTheme);
    border-color: var(--strokeColor-darkTheme);
}

#main.dark-theme {
    background-color: var(--primaryColor-darkTheme);
}

#cta.dark-theme {
    background: linear-gradient(to bottom, var(--gradient1-darkTheme), var(--gradient2-darkTheme));
}

#cta-div-install.dark-theme {
    background-color: var(--secondColor-darkTheme);
}

#install-div.dark-theme {
    border-color: var(--strokeColor-darkTheme);
}

#content-div.dark-theme {
    background-color: var(--primaryColor-darkTheme);
}

.article-post-link.dark-theme {
    background-color: var(--secondColor-darkTheme);
    border-color: var(--strokeColor-darkTheme);
}

.article-post.dark-theme {
    background-color: var(--secondColor-darkTheme);
    border-color: var(--strokeColor-darkTheme);
}

a.dark-theme, p.dark-theme, h1.dark-theme, h2.dark-theme, h3.dark-theme, ul.dark-theme, li.dark-theme {
    color: var(--textColor-darkTheme);
}

/* LIGHT THEME ---------------------------------------- */

body.light-theme {
    background-color: var(--primaryColor-lightTheme);
}

.fake-header.light-theme {
    background-color: var(--secondColor-lightTheme);
    border-color: var(--strokeColor-lightTheme);
}

#principal.light-theme {
    background-color: var(--primaryColor-lightTheme);
}

#header.light-theme {
    background-color: var(--secondColor-lightTheme);
    border-color: var(--strokeColor-lightTheme);
}

#main.light-theme {
    background-color: var(--primaryColor-lightTheme);
}

#cta.light-theme {
    background: linear-gradient(to bottom, var(--primaryColor-lightTheme), var(--secondColor-lightTheme));
    /*background-color: var(--primaryColor-lightTheme);*/
}

#cta-div-install.light-theme {
    background-color: var(--secondColor-lightTheme);
}

#install-div.light-theme {
    border-color: var(--strokeColor-lightTheme);
}

#content-div.light-theme {
    background-color: var(--primaryColor-lightTheme);
}

.article-post-link.light-theme {
    background-color: var(--secondColor-lightTheme);
    border-color: var(--strokeColor-lightTheme);
}

.article-post.light-theme {
    background-color: var(--secondColor-lightTheme);
    border-color: var(--strokeColor-lightTheme);
}

a.light-theme,p.light-theme, h1.light-theme, h2.light-theme, h3.light-theme, ul.light-theme, li.light-theme {
    color: var(--textColor-lightTheme);
}