/* Fonte padrão */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {

    /* responsividade */

    --largura-tela-mobile:    640px;

    /* fonte */

    --familia-fonte-titulo: "Bevan", "Tahoma", sans-serif;
    --peso-fonte-titulo:    700;
    --familia-fonte:        "Atkinson Hyperlegible", "Tahoma", sans-serif;
    --fonte-sem-serifa:     sans-serif;
    --fonte-com-serifa:     serif;
    --fonte-monoespacada:   monospace;
    --tamanho-fonte:        16px;
    --tamanho-fonte-p:      14px;
    --tamanho-fonte-m:      16px;
    --tamanho-fonte-g:      17px;
    --tamanho-fonte-gg:     18px;
    --tamanho-fonte-ggg:    20px;
    --tamanho-fonte-gggg:   22px;

    /* borda */

    --estilo-borda:         solid;
    --estilo-borda-p:       solid;
    --estilo-borda-m:       solid;
    --estilo-borda-g:       solid;

    --espessura-borda:      1px;
    --espessura-borda-p:    1px;
    --espessura-borda-m:    2px;
    --espessura-borda-g:    3px;

    --raio-borda:           4px;
    --raio-borda-p:         2px;
    --raio-borda-m:         4px;
    --raio-borda-g:         6px;

    /* espaçamento */

    --fresta:               0.50rem;
    --fresta-mobile:        0.25rem;

    --e0:                   0.00rem;
    --e1:                   0.25rem;
    --e2:                   0.50rem;
    --e3:                   0.75rem;
    --e4:                   1.00rem;
    --e5:                   1.25rem;
    --e6:                   1.52rem;
    --e7:                   2.00rem;
    --e8:                   2.50rem;
    --e9:                   3.63rem;

    --entre-itens:          0.50rem;

    --altura-linha:         1.50rem;

    --largura-pagina:       45rem;

    /* headers */

    --h1:                   2.00rem;
    --h2:                   1.50rem;
    --h3:                   1.25rem;
    --h4:                   1.00rem;
    --h5:                   1.00rem;
    --h6:                   1.00rem;

    --h1-mobile:            1.50rem;
    --h2-mobile:            1.25rem;
    --h3-mobile:            1.10rem;
    --h4-mobile:            1.00rem;
    --h5-mobile:            1.00rem;
    --h6-mobile:            1.00rem;

    /* sombreado */
    --espaco-sombra:        2px;
    --dispersao-sombra:     1px;
    --sombreado:            var(--espaco-sombra) var(--espaco-sombra) var(--dispersao-sombra) #020b054A;
}

:root[data-theme="diurno"] {

    /* cores */

    --cor-principal:        #c0e4d6;
    --cor-destaque:         #2a705c;
    --cor-desbotada:        #bcd1c5; /* nova */
    --cor-visitada:         #824554;
    --cor-transparente:     #C5FCDDAB;
    --cor-cinza:            #2a362f;

    --cor-bloco:            #f1f2f1; /* antiga --cor-fundo */
    --cor-fundo:            #e2ebeb; /* antiga --cor-fundo-2 */
    --cor-borda:            #b4b4b4;
    --cor-texto:            #1f1f1f; /* antiga --cor-fonte */
    --cor-titulo:           #151515; /* nova */
    --cor-texto-secundario:     #1c232177; /* nova */
    --cor-destaque-secundario:  #2a705977; /* nova */
    --cor-visitada-secundaria:  #702a4177; /* nova */

    --cor-botao:            #bee1ce; /* nova */
    --cor-texto-botao:      #141815; /* nova */

    --cor-sucesso:          #c0f7ef; /* nova */
    --cor-alerta:           #fcfaae; /* nova */
    --cor-erro:             #f05a5a; /* nova */

    /* borda */

/*    --sombreado:            var(--espaco-sombra) var(--espaco-sombra) var(--dispersao-sombra) #1f1f1faa;*/

}

:root[data-theme="noturno"] {
    --cor-principal:        #243c3c;
    --cor-destaque:         #34a695;
    --cor-desbotada:        #3c6059;
    --cor-visitada:         #919d9b;
    --cor-transparente:     #8c7a7455;
    --cor-cinza:            #999999;

    --cor-bloco:            #232626;
    --cor-fundo:            #191e1e;
    --cor-borda:            #323232;
    --cor-texto:            #cecece;
    --cor-titulo:           #cecece;
    --cor-texto-secundario:     #c5dad477; /* nova */
    --cor-destaque-secundario:  #34a69577; /* nova */
    --cor-visitada-secundaria:  #919d9b77; /* nova */

    --cor-botao:            #263535; /* nova */
    --cor-texto-botao:      #cecece; /* nova */

    --cor-sucesso:          #134f58; /* nova */
    --cor-alerta:           #625f0c; /* nova */
    --cor-erro:             #591414; /* nova */

    /* borda */

    --sombreado:            var(--espaco-sombra) var(--espaco-sombra) var(--dispersao-sombra) #020b05CC;
}