/*
 * Tema futuro — plataforma de eventos
 *
 * Este arquivo não é carregado pela aplicação ainda. Quando a nova identidade
 * visual for aprovada, ele deverá ser incluído depois dos CSS atuais para
 * substituir somente as variáveis de cor, preservando o layout existente.
 */

:root {
  /* Paleta original */
  --jungle-green: #00a878;
  --lime-cream: #d8f1a0;
  --sunlit-clay: #f3c178;
  --tomato: #fe5e41;
  --pitch-black: #0b0500;

  /* Papéis visuais da plataforma */
  --cor-primaria: var(--jungle-green);
  --cor-primaria-escura: #007d5a;
  --cor-destaque: var(--tomato);
  --cor-destaque-suave: #fff0ec;
  --cor-apoio: var(--sunlit-clay);
  --cor-fundo: #fffdf8;
  --cor-fundo-suave: var(--lime-cream);
  --cor-superficie: #ffffff;
  --cor-texto: var(--pitch-black);
  --cor-texto-suave: #665c55;
  --cor-borda: #e6ded4;

  /* Gradiente reservado para usos pontuais, como uma chamada institucional. */
  --gradiente-plataforma: linear-gradient(135deg, var(--jungle-green), var(--sunlit-clay), var(--tomato));

  /* Compatibilidade com o layout atual. */
  --cor-tinta: var(--cor-texto);
  --cor-creme: var(--cor-fundo);
  --cor-rosa: var(--cor-primaria);
  --cor-rosa-suave: #e9f8cc;
  --cor-amarelo: var(--cor-apoio);
  --cor-roxo: var(--cor-texto);
  --cor-linha: var(--cor-borda);
  --sombra: 0 18px 45px rgb(11 5 0 / 10%);
}

/* Ajustes visuais dos pontos que antes usavam cores fixas da marca anterior. */
.cabecalho-publico {
  background: rgb(255 255 255 / 96%);
  border-bottom: 3px solid var(--sunlit-clay);
  box-shadow: 0 5px 14px rgb(11 5 0 / 7%);
}
.marca-icone { background: transparent; box-shadow: none; }
.link-favoritos:hover { border-color: var(--cor-primaria); color: var(--cor-primaria-escura); }
.link-favoritos span { background: var(--cor-fundo-suave); color: var(--cor-primaria-escura); }
.filtros a:hover,
.filtros a.selected { border-color: var(--cor-primaria); background: var(--cor-primaria); }
.busca-eventos button,
.link-divulgacao { background: var(--cor-primaria); }
.busca-eventos button:hover,
.link-divulgacao:hover { background: var(--cor-primaria-escura); }
.sobretitulo,
.voltar,
.link-fonte-evento { color: var(--cor-primaria-escura); }
.tipo-evento { color: var(--cor-destaque); }
.botao-ingressos { background: var(--cor-destaque); }
.botao-ingressos:hover { background: #dd442c; }
.cartao-evento:hover,
.cartao-destaque:hover { border-color: var(--cor-primaria); }

/* A argila identifica blocos editoriais e a data, trazendo calor à agenda. */
.aviso-mvp { background: var(--cor-apoio); color: var(--cor-texto); }
.aviso-mvp strong { color: var(--cor-texto); }
.sobretitulo { background: var(--cor-apoio); color: var(--cor-texto); }
.cartao-destaque { background: linear-gradient(135deg, var(--cor-primaria-escura), var(--cor-primaria)); }
.cartao-destaque .tipo-evento,
.cartao-destaque .ver-detalhes { color: var(--cor-apoio); }
.data-evento { background: var(--cor-apoio); color: var(--cor-texto); }
.dia-semana-evento { background: var(--cor-apoio); color: var(--cor-texto); }