/* As cores do portal. --branco é o fundo dos cartões (no tema escuro, um roxo bem escuro);
   --sobre-cor é o texto sobre as cores fortes (botão roxo, aba ativa). O tema escuro troca só
   estes valores (data-tema="escuro" no <html>, posto por js/comum/tema.js). */
:root{
  color-scheme:light;
  --papel:#F7F4F9;
  --branco:#FFFFFF;
  --tinta:#29142F;
  --tinta-suave:#6F5A77;
  --mata:#7E1D94;
  --mata-escuro:#5E1170;
  --mata-hover:#5E1170;
  --mata-claro:#F2E2F7;
  --linha:#E4D9EA;
  --borda-botao:#D9C8E3;
  --alerta:#A64B1B;
  --alerta-claro:#F7E8DE;
  --sobre-cor:#FFFFFF;
  --verde:#1D8A4E;
  --verde-claro:#EAF7EF;
  --verde-borda:#BFE5CD;
  --vermelho:#C0392B;
  --vermelho-claro:#FCEBE8;
  --vermelho-borda:#F0C6BE;
  --amarelo:#B7791F;
  --fundo-escurecido:rgba(41,20,47,.45);
}
:root[data-tema="escuro"]{
  color-scheme:dark;
  --papel:#140E18;
  --branco:#211827;
  --tinta:#EEE6F2;
  --tinta-suave:#B3A2BD;
  --mata:#9636B0;
  --mata-escuro:#DDA9EE;
  --mata-hover:#AE4BC9;
  --mata-claro:#3A2346;
  --linha:#3A2D42;
  --borda-botao:#4C3A57;
  --alerta:#F0A070;
  --alerta-claro:#3D2418;
  --sobre-cor:#FFFFFF;
  --verde:#5FD394;
  --verde-claro:#173323;
  --verde-borda:#2E6B47;
  --vermelho:#FF8A7A;
  --vermelho-claro:#3A1A17;
  --vermelho-borda:#6E3029;
  --amarelo:#F2C14E;
  --fundo-escurecido:rgba(0,0,0,.6);
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{
  background:var(--papel);
  color:var(--tinta);
  font-family:'Nunito',system-ui,sans-serif;
  line-height:1.5;
  min-height:100vh;
}
h1,h2,h3{font-family:'Baloo 2','Nunito',sans-serif}