@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --color-primary: #0C8B5E;       /* Verde Esmeralda */
  --color-dark: #054D31;          /* Verde Escuro */
  --color-cta: #E23E82;           /* Rosa Vibrante */
  --color-soft-pink: #FCE4EE;     /* Rosa Claro */
  --color-white: #FFFFFF;         /* Branco */
}

html {
  scroll-behavior: smooth;
  font-family: 'Outfit', sans-serif;
  color: #054D31;
  background-color: #FFFFFF;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background: #E23E82;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #c92f6e;
}

/* Glassmorphic Effects */
.glass-card-dark {
  background: rgba(5, 77, 49, 0.9);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(226, 62, 130, 0.3);
}

.glass-card-light {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(5, 77, 49, 0.12);
  box-shadow: 0 10px 30px rgba(5, 77, 49, 0.05);
}

/* Glowing Elements */
.glow-pink {
  box-shadow: 0 0 25px rgba(226, 62, 130, 0.4);
}

.glow-pink-hover:hover {
  box-shadow: 0 0 35px rgba(226, 62, 130, 0.6);
}

.glow-emerald {
  box-shadow: 0 0 25px rgba(12, 139, 94, 0.3);
}

/* Pulse Animation for WhatsApp */
@keyframes pulse-ring {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(226, 62, 130, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 15px rgba(226, 62, 130, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(226, 62, 130, 0);
  }
}

.whatsapp-pulse {
  animation: pulse-ring 2s infinite;
}

/* Hero Gradient Background */
.hero-gradient {
  background: radial-gradient(circle at 70% 30%, rgba(226, 62, 130, 0.2) 0%, rgba(12, 139, 94, 1) 60%, rgba(5, 77, 49, 1) 100%);
}

/* Smooth Focus States */
a:focus-visible, button:focus-visible {
  outline: 2px solid #E23E82;
  outline-offset: 2px;
}