html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  font-family: 'Inter', sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* --- Estilos para Modo Escuro (Default) --- */
.dark body { background-color: #0f172a; color: #e2e8f0; }
.dark .liquid-glass {
  background: rgba(17, 24, 39, 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .liquid-glass-header {
  background: rgba(15, 23, 42, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .section-subtitle { color: #9ca3af; }
.dark .nav-link { color: #d1d5db; }
.dark .nav-link:hover { color: #38bdf8; }
.dark .text-primary { color: #0ea5e9; }
.dark .text-secondary { color: #e2e8f0; }

/* --- Estilos para Modo Claro --- */
.light body { background-color: #f1f5f9; color: #1e293b; }
.light .liquid-glass {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.light .liquid-glass-header {
  background: rgba(241, 245, 249, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.light .section-subtitle { color: #475569; }
.light .nav-link { color: #334155; }
.light .nav-link:hover { color: #0ea5e9; }
.light .text-primary { color: #0c4a6e; } /* Azul mais escuro para contraste */
.light .text-secondary { color: #1e293b; }
.light .highlight-text { color: #0ea5e9; /* Mantém o azul vibrante */ }
.light .highlight-blue { color: #0ea5e9; }

/* Animação Vibrante (Comum para ambos os temas) */
@keyframes vibrate-subtle {
  0% { transform: scale(1); text-shadow: 0 0 5px rgba(14, 165, 233, 0); }
  50% { transform: scale(1.01); text-shadow: 0 0 10px rgba(14, 165, 233, 0.5); }
  100% { transform: scale(1); text-shadow: 0 0 5px rgba(14, 165, 233, 0); }
}
.highlight-text, .button-blue {
  animation: vibrate-subtle 5s ease-in-out infinite;
}

/* Estilos Gerais */
.liquid-glass, .liquid-glass-header {
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.liquid-glass-header { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.highlight-text { color: #0ea5e9; }
.highlight-blue { color: #0ea5e9; }

.button-blue {
  background-color: #0ea5e9;
  color: #ffffff;
  transition: all 0.3s ease;
}
.button-blue:hover:not(:disabled) {
  background-color: #0284c7;
  box-shadow: 0 0 20px rgba(14, 165, 233, 0.5);
  transform: translateY(-2px);
}
.button-blue:disabled {
  cursor: not-allowed;
  background-color: #0ea5e9;
  opacity: 0.7;
}
.button-outline-blue {
  border: 1px solid #0ea5e9;
  color: #0ea5e9;
  transition: all 0.3s ease;
}
.button-outline-blue:hover {
  background-color: rgba(14, 165, 233, 0.1);
  transform: translateY(-2px);
}
.section-title { font-size: 2.25rem; font-weight: 800; margin-bottom: 1rem; }
.section-subtitle { font-size: 1.125rem; max-width: 600px; margin-left: auto; margin-right: auto; }

@keyframes bounce-scroll {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-15px); }
  60% { transform: translateY(-8px); }
}
.scroll-down-icon { animation: bounce-scroll 2.5s infinite; }

/* Estilos para o Pop-up */
#theme-popup {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  display: none; /* Começa escondido */
  align-items: center;
  gap: 1rem;
  animation: fadeInOut 5s ease-in-out forwards;
}
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateX(-50%) translateY(20px); }
  20% { opacity: 1; transform: translateX(-50%) translateY(0); }
  80% { opacity: 1; transform: translateX(-50%) translateY(0); }
  100% { opacity: 0; transform: translateX(-50%) translateY(20px); }
}