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

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

html {
  font-size: 110%; /* Moderate increase globally from standard 16px to 17.6px */
}

@media (min-width: 768px) {
  html {
    font-size: 115%; /* Perfect larger scale on larger viewports to 18.4px */
  }
}

@layer utilities {
  .animate-fade-in-down {
    animation: fadeInDown 0.35s ease-out forwards;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}