52 lines
1.2 KiB
JavaScript
52 lines
1.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Poppins', 'ui-sans-serif', 'system-ui'],
|
|
},
|
|
colors: {
|
|
primary: {
|
|
default: '#B07F5D', // main brand color
|
|
light: '#B07F5D',
|
|
dark: '#8C3B2E',
|
|
},
|
|
secondary: {
|
|
DEFAULT: '#FF9F1C',
|
|
light: '#FFB84D',
|
|
dark: '#CC7F17',
|
|
},
|
|
accent: {
|
|
DEFAULT: '#1CA7EC',
|
|
light: '#5ABFF0',
|
|
dark: '#157AB8',
|
|
},
|
|
neutral: {
|
|
50: '#F9FAFB',
|
|
100: '#F3F4F6',
|
|
200: '#E5E7EB',
|
|
300: '#D1D5DB',
|
|
400: '#9CA3AF',
|
|
500: '#6B7280',
|
|
600: '#4B5563',
|
|
700: '#374151',
|
|
800: '#1F2937',
|
|
900: '#111827',
|
|
},
|
|
},
|
|
boxShadow: {
|
|
card: '0 4px 12px rgba(0,0,0,0.08)',
|
|
navbar: '0 2px 6px rgba(0,0,0,0.12)',
|
|
modal: '0 10px 25px rgba(0,0,0,0.2)',
|
|
},
|
|
borderRadius: {
|
|
card: '0.75rem',
|
|
input: '0.5rem',
|
|
button: '0.5rem',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|