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

:root {
  --primary: #0284C7;
  --primary-light: #F0F9FF;
  --secondary: #10B981;
  --secondary-light: #F0FDF4;
}

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

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

/* Custom style for code blocks */
pre {
  @apply bg-gray-800 text-white p-4 rounded-lg overflow-x-auto;
  font-family: 'Courier New', monospace;
}

/* Animation for buttons */
.btn-primary {
  @apply bg-primary-500 text-white px-5 py-2 rounded-lg transition-all hover:bg-primary-600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2);
}