/* Temas de cor do Calendariozinho. Troque com ?tema=conto ou ?tema=vermelho na URL (fica salvo no navegador).
   Cada variável tem um papel só, pra nenhuma cor cair num lugar sem contraste:
   --top / --band1 / --band2  fundo do topo e da faixa da cidade
   --pink / --on-pink / --pink-h  botão principal: fundo, texto e fundo ao passar o mouse
   --pink-d                       cor de destaque usada como TEXTO sobre branco (datas, links)
   --ink                          texto principal
   --zinho / --dot1 / --dot2      "zinho" e pingos dos i do letreiro
   --ic-bg / --ic-c / --ic-dot    ícone C (fundo, C e ponto)
   --topbtn / --topbtn-t          botão "Receber agenda" do topo
   --band-em / --kpi-b            nome da cidade e números da faixa
   --chip-bg / --chip-t           etiquetas de filtro ativo */

/* Vermelho: o tema original */
html[data-tema="vermelho"]{
  --top:#E8313A; --band1:#E8313A; --band2:#D42631;
  --pink:#E8313A; --on-pink:#FFFFFF; --pink-h:#C41F2A; --pink-d:#D42631; --purple:#C41F2A;
  --ink:#1B1840; --ink2:#2E2A5C; --yellow:#FFD9A0; --soft:#F6F5F9; --line:#ECE8F1;
  --zinho:#1B1840; --dot1:#1B1840; --dot2:#FFFFFF;
  --ic-bg:#FFFFFF; --ic-c:#E8313A; --ic-dot:#1B1840;
  --topbtn:#1B1840; --topbtn-t:#FFFFFF; --band-em:#1B1840; --kpi-b:#E8313A;
  --chip-bg:#FFE7E4; --chip-t:#B8322A;
}

/* Meu Conto de Fadas: azul-noite + dourado-estrela (o dourado nunca é texto sobre fundo claro) */
html[data-tema="conto"]{
  --top:#060B17; --band1:#0B1526; --band2:#1E3C78;
  --pink:#FFD24D; --on-pink:#060B17; --pink-h:#F5B821; --pink-d:#2A68D9; --purple:#2A68D9;
  --ink:#0B1526; --ink2:#14264A; --yellow:#FFD24D; --soft:#F3F6FC; --line:#E2E8F3;
  --zinho:#FFD24D; --dot1:#FFD24D; --dot2:#FFFDF7;
  --ic-bg:#FFD24D; --ic-c:#060B17; --ic-dot:#2A68D9;
  --topbtn:#FFD24D; --topbtn-t:#060B17; --band-em:#FFD24D; --kpi-b:#1E3C78;
  --chip-bg:#E6EEFC; --chip-t:#1E3C78;
}