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

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html, body, #root {
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
  }

  body {
    @apply bg-slate-50 text-slate-900 font-sans antialiased selection:bg-blue-100 selection:text-blue-800;
  }
}

@layer utilities {
  /* MAKER FRAMEWORK UTILITIES */
  .text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #2563eb, #4f46e5, #2563eb);
  }
  
  .neural-beam {
    background-image: linear-gradient(to right, transparent, rgba(37, 99, 235, 0.1), transparent);
  }

  /* Custom Scrollbar to match framework */
  .custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9; 
  }
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }
}

/* KaTeX Enhancements for Markdown Rendering */
.katex-display {
  margin: 2em 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1em 0;
  text-align: center;
}

.katex {
  font-size: 1.1em !important;
}