@tailwind base;
@tailwind components;
@tailwind utilities;

/* === Padronização rápida para tipografia e botões === */

/* Cores */
:root {
  --color-primary: #b91c1c; /* Ex: vermelho escuro */
  --color-secondary: #f59e0b; /* Ex: amarelo/dourado */
  --color-text: #1f2937; /* Cinza bem escuro */
}

/* Textos */
h1 {
  @apply text-3xl md:text-5xl font-bold text-[var(--color-text)] leading-tight;
}
h2 {
  @apply text-2xl md:text-4xl font-semibold text-[var(--color-text)] leading-snug;
}
h3 {
  @apply text-xl md:text-2xl font-semibold text-[var(--color-text)];
}
h4 {
  @apply text-lg md:text-xl font-medium text-[var(--color-text)];
}
p {
  @apply text-base md:text-lg text-[var(--color-text)] leading-relaxed;
}

/* Botão padrão */
.btn-primary {
  @apply inline-block bg-[var(--color-primary)] text-white font-semibold px-6 py-3 rounded-lg shadow hover:opacity-90 transition;
}
.btn-secondary {
  @apply inline-block bg-[var(--color-secondary)] text-white font-semibold px-6 py-3 rounded-lg shadow hover:opacity-90 transition;
}