/* ******************************************************************************************* */
/* TEMA BLUE ********************************************************************************* */
/* ******************************************************************************************* */

:root {
    --theme-color-scheme: light;
    /* dark ou light. para colorir componentes nativos do navegador*/

    /* Acentos */
    --accent-A: #2d6fff;
    /* azul principal */
    --accent-B: #5c8dff;
    /* azul secundário */

    /* Backgrounds */
    --bg-A: #eff4ff;
    --bg-B: #dfebff;
    --bg-C: #ccdeff;
    --bg-D: #b8d1ff;

    /* Background componentes */
    --bg-comp-A: #ffffff;
    --bg-comp-dis-A: #939ea8;

    /* Bordas */
    --border-A: #9db2cc;
    --border-B: var(--border-A);
    --border-C: var(--border-A);

    /* Texto */
    --text-A: #0b182b;
    --text-B: #162940;
    --text-C: var(--text-A);
    /* No original verde ele herda text-A para o text-C */
    --text-dis-A: #4c5766;

    /* Ajustes visuais */
    --comp-bright: 1.1;
    --comp-dark: 0.9;

    /* Overlay */
    --overlay: #0b182b99;

    /* Variáveis customizadas adicionais podem ser adicionadas abaixo */
}

body{
    background-color: #dedede;
   
    main{
        margin: 5vw 10vw !important;
        background-color: rgb(255, 255, 255);
        padding: 3vw;
    }
}
 
@media (max-width: 600px) {
    body{
        main{
            margin: 35vw 0vw !important;
            padding: 2vw;
        }
    }
}