@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
body {
@apply font-sans antialiased text-slate-900 bg-slate-50;
font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Outfit', sans-serif;
}
}
@layer utilities {
.glass-panel {
@apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl;
}
.glass-card {
@apply bg-white/60 backdrop-blur-sm border border-white/30 shadow-sm hover:shadow-md transition-all duration-300;
}
.text-gradient {
@apply bg-clip-text text-transparent bg-gradient-to-r from-violet-600 to-indigo-600;
}
}
