import type { Config } from 'tailwindcss';
const config: Config = {
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: {
border: 'hsl(214.3 31.8% 91.4%)',
background: 'hsl(0 0% 100%)',
foreground: 'hsl(222.2 84% 4.9%)',
primary: {
DEFAULT: 'hsl(222.2 47.4% 11.2%)',
foreground: 'hsl(210 40% 98%)',
},
secondary: {
DEFAULT: 'hsl(210 40% 96.1%)',
foreground: 'hsl(222.2 47.4% 11.2%)',
},
muted: {
DEFAULT: 'hsl(210 40% 96.1%)',
foreground: 'hsl(215.4 16.3% 46.9%)',
},
accent: {
DEFAULT: 'hsl(210 40% 96.1%)',
foreground: 'hsl(222.2 47.4% 11.2%)',
},
destructive: {
DEFAULT: 'hsl(0 84.2% 60.2%)',
foreground: 'hsl(210 40% 98%)',
},
card: {
DEFAULT: 'hsl(0 0% 100%)',
foreground: 'hsl(222.2 84% 4.9%)',
},
},
borderRadius: {
lg: '0.5rem',
md: 'calc(0.5rem - 2px)',
sm: 'calc(0.5rem - 4px)',
},
},
},
plugins: [],
};
export default config;