/* =========================================================
   TEMA DO SITE – mude aqui as cores e a imagem de fundo.
   Depois de salvar, publique de novo (firebase deploy).
   Cores no formato #RRGGBB. Escolha cores em:
   https://coolors.co  ou  https://htmlcolorcodes.com
   ========================================================= */

:root{
  /* Cor principal: topo do site, botões, abas */
  --sea:#0b6e8a;
  /* Versão mais escura da principal (botão com o mouse em cima) */
  --sea-dark:#084e63;

  /* Cor de destaque: etiqueta "ADMIN" */
  --sun:#f2a33a;

  /* Fundo das páginas internas (degradê de cima para baixo) */
  --sand:#f6ecd9;
  --sand-dark:#e8d5ae;

  /* Texto principal e texto secundário (cinza) */
  --ink:#1d2b33;
  --muted:#66757d;

  /* Verde (vagas livres / sucesso) e vermelho (lotado / erro) */
  --ok:#2e8b57;
  --bad:#c0392b;

  /* Cor das caixas brancas e arredondamento dos cantos */
  --card:#ffffff;
  --radius:14px;

  /* ---------- TELA DE LOGIN ----------
     Fundo da tela de login. O logo fica no arquivo public/logo.png
     (ao lado da caixa no computador, em cima dela no celular). */
  --fundo-login:#000000;
}

/* =========================================================
   PALETAS PRONTAS – para usar uma, copie as linhas dela
   para dentro do :root lá em cima, substituindo as atuais.
   =========================================================

   Pôr do sol (laranja e roxo):
     --sea:#c2410c; --sea-dark:#9a3412; --sun:#7c3aed;
     --sand:#fff1e6; --sand-dark:#fed7aa;

   Verde praia:
     --sea:#047857; --sea-dark:#065f46; --sun:#facc15;
     --sand:#ecfdf5; --sand-dark:#a7f3d0;

   Preto e amarelo (esportivo):
     --sea:#111827; --sea-dark:#000000; --sun:#facc15;
     --sand:#f4f4f5; --sand-dark:#d4d4d8;

   Azul e branco (clean):
     --sea:#2563eb; --sea-dark:#1d4ed8; --sun:#f59e0b;
     --sand:#f8fafc; --sand-dark:#e2e8f0;
*/