/* ==========================================================================
   Design tokens do sistema: cores, tamanhos e famílias de fonte.

   Primeiro arquivo da migração de SASS para CSS puro — é a tradução de
   wwwroot/sass/_variavel.sass para custom properties, para que um arquivo
   .css possa usar a paleta sem hardcodar hex.

   Enquanto a migração não terminar os dois convivem: ao mexer numa cor aqui,
   mexa também em _variavel.sass. Este arquivo é CSS puro e NÃO passa pelo
   compilador SASS.
   ========================================================================== */

:root {
    /* --------- Cores --------- */
    --cor-roxa: #4e1f85;
    --cor-roxa-opacidade: #3b1f5f86;
    --cor-roxa-claro: #7443ac;
    --cor-roxa-opacidade-claro: #7443ac59;
    --cor-laranja: #fe9000;
    --cor-laranja-claro: #fe9000ad;
    --cor-verde: #72a98f;
    --cor-verde-claro: #84c4a6;
    --cor-preta: #222222;
    --cor-preta-opacidade: #2222227a;
    --cor-preta-opacidade-2: #2222221a;
    --cor-branca: #f9f9f9;
    --cor-cinza: #00000080;
    --cor-cinza-medio: #e4e1e1d5;
    --cor-cinza-claro: #f3f3f3;
    --cor-azul: #063294;
    --cor-vermelho: #f05c5cff;
    --cor-background-foto: #808080a6;

    /* --------- Tamanhos --------- */
    --tamanho-padrao: 16px;
    --tamanho-titulo: 22px;
    --tamanho-titulo-2: 60px;
    --tamanho-sub-titulo: 20px;
    --tamanho-sub-titulo-2: 30px;
}