/*
Para chamar as variáveis no código depois
background-color: var(--nome-da-variavel)
*/

:root {
    /* BODY */
    --bg-color: #fff;
    --text-color: #333;

    /* HEADER */
    --header-bg: #333;
    --header-text: #fff;

    /* FOOTER */
    --footer-bg: #333;
    --footer-text: #fff;

    /* BOTÕES */
    --btn-primary-bg: #205fe1;
    --btn-primary-text: #FFF;

    --btn-secundary-bg: #194cb2;
    --btn-secundary-text: #FFF;

    /* ELEMENTOS TEXTUAIS */
    --elementos-graduais-text: #0f2843;
    --elementos-graduais-1: #FFFFFF;
    --elementos-graduais-2: #a3b7cc;
    --elementos-graduais-3: #5f7e9e;
    --elementos-graduais-4: #335880;
    --elementos-graduais-5: #18395c;
}