/* ==========================================================================
   Recife Design Week — Variáveis Globais de Cores e Tema
   Edite aqui para alterar a cor geral em todas as páginas (menus, botões, destaques)
   ========================================================================== */
:root {
  /* Cor principal de destaque (substituiu o rosa antigo) */
  --rdw-accent: #B84528;
  --rdw-accent-hover: #B84528;

  /* Aliases do sistema */
  --coral: #B84528;
  --coral-soft: #F6E9E5;

  /* Paleta Oficial RDW (Cleverson Design) */
  --rdw-terracotta: #B84528; /* Terracota: primária, destaque */
  --rdw-blue: #0C3B6B;       /* Azul: institucional, links, hover */
  --rdw-gold: #CF9230;       /* Dourado: curadoria */
  --rdw-olive: #626B31;      /* Verde oliva: participante */
  --rdw-cream: #F2E6D2;      /* Creme: fundo papel */
  --rdw-white: #FFFFFF;      /* Branco */
  --rdw-black: #000000;      /* Preto */

  /* Escala oficial de tipografia, espaçamento e raios */
  --fs-display: 56px;
  --fs-h1: 32px;
  --fs-h2: 24px;
  --fs-body: 16px;
  --fs-small: 13px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --shadow: 0 1px 2px rgba(34, 28, 21, .06), 0 8px 24px -12px rgba(34, 28, 21, .18);

  /* Gradiente padrão para cards e thumbnails */
  --thumb-gradient: linear-gradient(135deg, #e5e5e5, #7b7b7b);

  /* Altura do header transparente (.site-topbar), que fica sobreposto ao hero */
  --site-topbar-h: 96px;
}

@media (max-width: 960px) {
  :root {
    --site-topbar-h: 72px;
  }
}

/* Regras universais para botões: hover sempre com fundo terracota e fonte branca */
.btn:hover,
a.btn:hover,
button.btn:hover,
.btn-coral:hover,
a.btn-coral:hover,
.btn-primary:hover,
a.btn-primary:hover,
.exp-btn-voltar:hover,
a.exp-btn-voltar:hover,
.evd-btn-cal:hover,
a.evd-btn-cal:hover,
.rdwv-btn-pink:hover,
button.rdwv-btn-pink:hover,
.rdwv-btn-novo:hover,
button.rdwv-btn-novo:hover,
a[class*="-btn"]:hover,
a[class*="btn-"]:hover,
button[class*="-btn"]:hover,
button[class*="btn-"]:hover {
  background: var(--rdw-accent, #B84528) !important;
  color: #ffffff !important;
  border-color: var(--rdw-accent, #B84528) !important;
}

/* Barra de rolagem da página — padrão do site todo (fina, preta, com filete à esquerda) */
html {
  scrollbar-color: var(--rdw-black) #f9f9f9;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-left: 1px solid var(--rdw-black);
}

::-webkit-scrollbar-thumb {
  background: var(--rdw-black);
}