/* Toda cor e todo espaçamento do jogo saem daqui.
   Trocar a identidade visual é mexer neste arquivo, não nas telas. */

:root {
  /* --- paleta base ------------------------------------------------ */
  --amarelo: #ffd93d;
  --amarelo-escuro: #e8a80f;
  --roxo: #7b2fbf;
  --roxo-claro: #a855f7;
  --verde-neon: #39ff14;
  --rosa: #ff4d84;
  --branco: #fdfdfd;
  --preto: #16101f;
  --cinza: #6b6478;

  /* --- grupos de propriedade (regras, seção 4) --------------------- */
  --grupo-extremamente-cara: #7b2fbf;
  --grupo-muito-cara: #d6336c;
  --grupo-cara: #f76707;
  --grupo-media: #f2b705;
  --grupo-barata: #40c057;
  --grupo-morro: #2b8a3e;

  /* --- espaçamento ------------------------------------------------- */
  --e1: 4px;
  --e2: 8px;
  --e3: 16px;
  --e4: 24px;
  --e5: 40px;
  --e6: 64px;

  /* --- traço pixelado ---------------------------------------------- */
  --borda: 4px;
  --sombra-dura: 0 6px 0 rgba(0, 0, 0, 0.35);
}

/* Os dois temas usam as cores medidas nas telas de referência
   (ver PALETAS em ferramentas/preparar_assets.py). */

/* --- tema do menu: a vila verde ----------------------------------- */
.tema-verde {
  --fundo-topo: #d2fde4;
  --fundo-baixo: #00b402;
  --texto: var(--preto);
  --contraste: rgba(22, 16, 31, 0.72);
}

/* --- tema do lobby: a cidade laranja ------------------------------ */
.tema-laranja {
  --fundo-topo: #ffa60b;
  --fundo-baixo: #8f1600;
  --texto: var(--branco);
  --contraste: rgba(66, 12, 0, 0.66);
}