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

body { 
  font-family: 'Inter', sans-serif;
  color: #1F2937;
  scroll-behavior: smooth;
  background-color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark {
  background-color: #0F172A;
  color: #F8FAFC;
}

section {
  padding: 80px 0;
}

.contact-popup {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.contact-popup.active {
  opacity: 1;
  pointer-events: all;
}

/* Logo switching for dark mode */
.logo-light {
  display: block;
}

.dark .logo-light {
  display: none;
}

.logo-dark {
  display: none;
}

.dark .logo-dark {
  display: block;
}

/* Mobile Menu Styles */
#mobileMenu.active {
  display: block;
}

#mobileMenu.active .fixed {
  transform: translateX(0);
}

#mobileMenu .fixed {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}