/*
 * This is a manifest file that'll be compiled into application.css
 */

 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 /* Import Notion-style fonts */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
 
 @layer base {
   /* Base typography */
   body {
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
 
   /* Headings */
   h1, h2, h3, h4, h5, h6 {
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
     font-weight: 600;
     letter-spacing: -0.01em;
   }
 
   /* Code blocks */
   code, pre {
     font-family: 'IBM Plex Mono', Menlo, Monaco, monospace;
   }
 }
 
 /* Custom scrollbar styles */
 .scrollbar-thin::-webkit-scrollbar {
   width: 6px;
 }
 
 .scrollbar-thin::-webkit-scrollbar-track {
   background: #c27aff;
   border-radius: 3px;
 }
 
 .scrollbar-thin::-webkit-scrollbar-thumb {
   background: #9810fa;
   border-radius: 3px;
 }
 
 .scrollbar-thin::-webkit-scrollbar-thumb:hover {
   background: #59168b;
 }
 
 /* Animation for messages */
 @keyframes fadeIn {
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 }
 
 #messages > div {
   animation: fadeIn 0.3s ease-out;
 }
 
 /* Enhanced input styling */
 input[type="text"]:focus {
   box-shadow: 0 0 0 3px rgba(139, 115, 85, 0.1);
 }
 
 /* Button press effect */
 button[type="submit"]:active {
   transform: translateY(1px);
 }