/* Importação das Fontes */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;700&display=swap');

/* Variáveis de Cor (para referência, mas usaremos Tailwind) */
:root {
  --cor-principal: #5f432d;
  --cor-fonte: #f6f4da;
  --cor-fundo: #111111; /* Um pouco mais escuro que cinza chumbo */
}

/* Configuração base do Tailwind (opcional, mas recomendado) */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Estilos Globais */
body {
  background-color: var(--cor-fundo);
  color: var(--cor-fonte);
  font-family: 'Inter', sans-serif;
}

/* Classes customizadas para fontes */
.font-bebas {
  font-family: 'Bebas Neue', cursive;
}
.font-inter {
  font-family: 'Inter', sans-serif;
}

/* Efeito de brilho (usado com 'hover:shadow-glow') */
@layer utilities {
  .shadow-glow {
    box-shadow: 0 0 15px 5px rgba(95, 67, 45, 0.7); /* #5f432d com opacidade */
  }
}

/* Estilo para o Loader (opcional) */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease;
}