tailwind.config.jsā¢1.57 kB
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
primary: {
50: '#f0f9ff',
100: '#e0f2fe',
200: '#bae6fd',
300: '#7dd3fc',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
700: '#0369a1',
800: '#075985',
900: '#0c4a6e',
},
secondary: {
50: '#fdf8f6',
100: '#f2e8e5',
200: '#eaddd7',
300: '#e0cec7',
400: '#d2bab0',
500: '#bfa094',
600: '#a18072',
700: '#977669',
800: '#846358',
900: '#43302b',
},
},
fontFamily: {
serif: ['Crimson Text', 'Georgia', 'serif'],
sans: ['Inter', 'system-ui', 'sans-serif'],
},
typography: {
DEFAULT: {
css: {
maxWidth: 'none',
color: '#374151',
lineHeight: '1.7',
'h1, h2, h3, h4': {
fontFamily: 'Crimson Text, Georgia, serif',
},
blockquote: {
borderLeftColor: '#0ea5e9',
backgroundColor: '#f0f9ff',
padding: '1rem',
borderRadius: '0.5rem',
},
},
},
},
},
},
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),
],
};