/* ═══════════════════════════════════════════════════════════════
   TEMA DA REGIÃO
   Para criar o site de outra região: copie o arquivo e edite
   APENAS este bloco. Todo o restante se atualiza sozinho.
   ═══════════════════════════════════════════════════════════════ */
:root {

  /* ── Cor primária + variantes de claridade ─────────────────
     Dica: use coolors.co ou paletton.com para gerar as variantes
     a partir da cor base escolhida para a região.              */
  --theme-primary:       #6366f1;   /* base          — cor principal da região */
  --theme-primary-rgb:   99, 102, 241; /* mesma cor em R, G, B (separados por vírgula) */
  --theme-primary-dark:  #4f46e5;   /* tom mais escuro — botões, gradiente início */
  --theme-primary-light: #818cf8;   /* tom mais claro  — ícones, bordas          */
  --theme-primary-pale:  #a5b4fc;   /* tom bem claro   — ícones hover, gradiente */

  /* ── Cor de acento + variantes ────────────────────────────── */
  --theme-accent:        #0073ff;   /* base          — cor secundária da região  */
  --theme-accent-rgb:    34, 211, 238; /* mesma cor em R, G, B                  */
  --theme-accent-dark:   #363096;   /* tom mais escuro — hover dos botões        */
  --theme-accent-light:  #38bdf8;   /* tom mais claro  — aurora, gradiente hero  */
  --theme-accent-pale:   #a5f3fc;   /* tom bem claro   — reflexo do título       */

  /* ── Imagem do hero ─────────────────────────────────────────
     Troque pela foto da cidade/venue da nova região.           */
  --hero-image:  url('images/header.webp');
  --hero-filter: brightness(.75) saturate(1.1);

}