70 lines
1.6 KiB
JavaScript
70 lines
1.6 KiB
JavaScript
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
export default {
|
||
|
|
darkMode: 'class',
|
||
|
|
content: [
|
||
|
|
"./index.html",
|
||
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
||
|
|
],
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
coral: {
|
||
|
|
50: '#FFF5F3',
|
||
|
|
100: '#FFE8E3',
|
||
|
|
200: '#FFD0C7',
|
||
|
|
300: '#FFA99A',
|
||
|
|
400: '#FF7D66',
|
||
|
|
500: '#F25C3D',
|
||
|
|
600: '#D94425',
|
||
|
|
700: '#B5351A',
|
||
|
|
800: '#912B16',
|
||
|
|
900: '#6B2213',
|
||
|
|
},
|
||
|
|
teal: {
|
||
|
|
50: '#F0FDFA',
|
||
|
|
100: '#CCFBF1',
|
||
|
|
200: '#99F6E4',
|
||
|
|
300: '#5EEAD4',
|
||
|
|
400: '#2DD4BF',
|
||
|
|
500: '#14B8A6',
|
||
|
|
600: '#0D9488',
|
||
|
|
700: '#0F766E',
|
||
|
|
800: '#115E59',
|
||
|
|
900: '#134E4A',
|
||
|
|
},
|
||
|
|
warm: {
|
||
|
|
50: '#FDFCFB',
|
||
|
|
100: '#F9F7F5',
|
||
|
|
200: '#F0EDEA',
|
||
|
|
300: '#E0DBD5',
|
||
|
|
400: '#C4BBB2',
|
||
|
|
500: '#A39990',
|
||
|
|
600: '#7A7067',
|
||
|
|
700: '#5C544C',
|
||
|
|
800: '#3D3833',
|
||
|
|
900: '#1F1C19',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
fontFamily: {
|
||
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
||
|
|
display: ['Bricolage Grotesque', 'system-ui', 'sans-serif'],
|
||
|
|
},
|
||
|
|
fontSize: {
|
||
|
|
'hero': ['3rem', { lineHeight: '1.1', letterSpacing: '-0.02em' }],
|
||
|
|
},
|
||
|
|
boxShadow: {
|
||
|
|
'coral': '0 10px 15px -3px rgb(242 92 61 / 0.25)',
|
||
|
|
'coral-lg': '0 20px 25px -5px rgb(242 92 61 / 0.3)',
|
||
|
|
},
|
||
|
|
borderRadius: {
|
||
|
|
'4xl': '2rem',
|
||
|
|
},
|
||
|
|
spacing: {
|
||
|
|
'18': '4.5rem',
|
||
|
|
'22': '5.5rem',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
}
|