tailwind.config.js•1.6 kB
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{html,js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
'outer': ['Outer', 'sans-serif'],
'sans': ['Outer Sans', 'system-ui', 'sans-serif'],
'heading': ['Outer Sans', 'system-ui', 'sans-serif'],
},
colors: {
primary: {
DEFAULT: '#3B82F6',
dark: '#2563EB',
light: '#60A5FA',
'50': '#EFF6FF',
'100': '#DBEAFE',
'200': '#BFDBFE',
'300': '#93C5FD',
'400': '#60A5FA',
'500': '#3B82F6',
'600': '#2563EB',
'700': '#1D4ED8',
'800': '#1E40AF',
'900': '#1E3A8A',
},
secondary: {
DEFAULT: '#6366F1',
dark: '#4F46E5',
light: '#818CF8',
'50': '#F5F3FF',
'100': '#EDE9FE',
'200': '#DDD6FE',
'300': '#C4B5FD',
'400': '#A78BFA',
'500': '#8B5CF6',
'600': '#7C3AED',
'700': '#6D28D9',
'800': '#5B21B6',
'900': '#4C1D95',
},
dark: {
DEFAULT: '#111827',
lighter: '#1F2937',
},
light: {
DEFAULT: '#F9FAFB',
darker: '#E5E7EB',
},
},
borderRadius: {
'xl': '1rem',
'2xl': '1.5rem',
},
boxShadow: {
'soft': '0 4px 20px rgba(0, 0, 0, 0.08)',
'hover': '0 10px 25px rgba(0, 0, 0, 0.1)',
},
},
},
plugins: [
require('@tailwindcss/forms'),
],
}