:root {
  --color-primary: #1a3a3a;
  --color-secondary: #5a7d60;
  --color-light: #f8f6f0;
  --color-dark: #121212;
  --color-white: #ffffff;
  --color-accent: #d4af37;
}

body {
  font-family: "Roboto", sans-serif;
  background-color: var(--color-light);
  color: var(--color-dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", serif;
  color: var(--color-primary);
}

/* Animação para o modal */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.3s ease-out forwards;
}