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

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Outfit", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  
  --color-mango-50: #fffbeb;
  --color-mango-100: #fef3c7;
  --color-mango-200: #fde68a;
  --color-mango-300: #fcd34d;
  --color-mango-400: #fbbf24;
  --color-mango-500: #f59e0b;
  --color-mango-600: #d97706;
  --color-mango-700: #b45309;
}

html {
  scroll-behavior: smooth;
}

/* Custom overlay scrollbars or smooth background grids */
body {
  background-color: #0f1115;
  color: #f3f4f6;
  font-family: var(--font-sans);
}

/* Image zoom effect on hover */
.img-hover-scale {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.img-hover-scale:hover {
  transform: scale(1.05);
}