/* ═══════════════════════════════════════════════════════════════
   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:       #01DBBA;   /* base          — cor principal da região */
  --theme-primary-rgb:   1, 219, 186; /* mesma cor em R, G, B (separados por vírgula) */
  --theme-primary-dark:  #00A6AC;   /* tom mais escuro — botões, gradiente início */
  --theme-primary-light: #1aced4 ;   /* tom mais claro  — ícones, bordas          */
  --theme-primary-pale:  #90fbff;   /* tom bem claro   — ícones hover, gradiente */

  /* ── Cor de acento + variantes ────────────────────────────── */
  --theme-accent:        #00A6AC;   /* base          — cor secundária da região  */
  --theme-accent-rgb:    34, 211, 238; /* mesma cor em R, G, B                  */
  --theme-accent-dark:   #00A6AC;   /* 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);

}