:root {
  --background: #f9fafb;
  --foreground: #1f2937;
  --primary-color: #10b981;
}

body {
  font-family: 'Inter', sans-serif;
  background-image: linear-gradient(to bottom right, #f0fdfa, #f9fafb);
}

nav a {
  transition: opacity 0.3s ease;
}

nav a:hover {
  opacity: 0.8;
}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}