tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
	darkMode: ['class'],
	content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
	theme: {
		extend: {
			fontFamily: {
				montserrat: ['Montserrat', 'sans-serif'],
				monda: ['Monda', 'sans-serif'],
			},
			borderRadius: {
				lg: 'var(--radius)',
				md: 'calc(var(--radius) - 2px)',
				sm: 'calc(var(--radius) - 4px)',
			},
			colors: {
				'primary-green': '#4ade80',
				'light-green': '#bbf7d0',
				'primary-pink': '#F55A99',
				'light-pink': '#D7A2C3',
				'ruby-pink': '#AC4270',
				'bg-black': '#181818',
				'dark-grey': '#595959',
				'light-grey': '#A3A3A3',
				'text-grey': '#B5B5B5',
				soon: '#FEE720',
				'kind-of-soon': '#FFB74D',
				'not-soon': '#81C784',
				inactive: '#B0BEC5',
				overdue: '#FF5252',
			},
			transitionDuration: {
				50: '50ms',
				25: '25ms',
			},
		},
	},
	plugins: [require('tailwindcss-animate')],
};