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

/* Cores */
:root {
  --color-primary: #20384D;
  --color-secondary: #0C707E;
  --color-text: #240805;
}

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;
}