44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
/** @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: {
|
|
// Brand colors from brand.md
|
|
primary: {
|
|
yellow: '#FBB82B',
|
|
dark: '#111111',
|
|
white: '#FFFFFF',
|
|
},
|
|
secondary: {
|
|
gray: '#F5F5F5',
|
|
'light-gray': '#E5E5E5',
|
|
blue: '#2F80ED',
|
|
brown: '#6B4A2B',
|
|
},
|
|
brand: {
|
|
navy: '#002F44',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
// Poppins everywhere
|
|
sans: ['var(--font-poppins)', 'system-ui', 'sans-serif'],
|
|
heading: ['var(--font-poppins)', 'system-ui', 'sans-serif'],
|
|
},
|
|
borderRadius: {
|
|
'btn': '12px',
|
|
'card': '16px',
|
|
},
|
|
boxShadow: {
|
|
'card': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
'card-hover': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|