/* Custom styles - Tailwind via CDN no index.html */
/* Design tokens e variáveis CSS */
:root {
  --primary-blue: #003fff;
  --secondary-blue: #003fff;
  --accent-red: #F22B3A;
  --light-gray: #D9D9D9;
}

/* Base */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

/* Acessibilidade - focus visível */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #003fff;
  outline-offset: 2px;
}

/* Responsividade - hero mobile */
@media (max-width: 640px) {
  #hero {
    min-height: 100vh;
  }
}

/* Formas orgânicas customizadas (blobs decorativos) */
.blob-shape {
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  animation: blob-morph 8s ease-in-out infinite;
}

.blob-shape-alt {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  animation: blob-morph 10s ease-in-out infinite reverse;
}

@keyframes blob-morph {
  0%, 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
}