globals.cssā¢1.76 kB
@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600;700&display=swap');
@layer base {
html {
scroll-behavior: smooth;
}
body {
@apply font-sans text-gray-900 antialiased;
}
h1, h2, h3, h4, h5, h6 {
@apply font-serif;
}
}
@layer components {
.btn-primary {
@apply bg-primary-600 hover:bg-primary-700 text-white px-4 py-2 rounded-lg font-medium transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2;
}
.btn-secondary {
@apply bg-secondary-100 hover:bg-secondary-200 text-secondary-800 px-4 py-2 rounded-lg font-medium transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2;
}
.card {
@apply bg-white rounded-xl shadow-sm border border-gray-200 hover:shadow-md transition-shadow duration-200;
}
.search-input {
@apply w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 placeholder-gray-500 transition-colors duration-200;
}
.prose-egw {
@apply prose prose-lg max-w-none;
}
.prose-egw h1 {
@apply text-3xl font-serif text-gray-900 mb-6;
}
.prose-egw h2 {
@apply text-2xl font-serif text-gray-800 mb-4 mt-8;
}
.prose-egw p {
@apply text-gray-700 leading-relaxed mb-4;
}
.prose-egw blockquote {
@apply border-l-4 border-primary-500 bg-primary-50 pl-4 py-2 my-6 italic;
}
.loading-spinner {
@apply animate-spin rounded-full h-8 w-8 border-b-2 border-primary-600;
}
}
@layer utilities {
.text-balance {
text-wrap: balance;
}
}