tailwind.config.js

module.exports = {
	darkMode: 'class',
	content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
	plugins: [
		require('@tailwindcss/typography'),
		require('@tailwindcss/aspect-ratio'),
		require('@tailwindcss/forms')({
			strategy: 'class',
		}),
	],
	theme: {
		configViewer: {
			typographyExample: 'Rheinklang Festival 2000 at Rhema, über elektronische Musik!',
			fonts: 'https://fonts.googleapis.com/css2?family=Open+Sans&display=swap',
		},
		fontFamily: {
			sans: [
				'var(--font-inter)',
				'Roboto',
				'Helvetica Neue',
				'Arial',
				'Noto Sans',
				'system-ui',
				'ui-sans-serif',
				'-apple-system',
				'sans-serif',
			],
			mono: ['monospace'],
		},
		colors: {
			transparent: 'transparent',
			current: 'currentColor',
			white: '#ffffff',
			black: '#000000',
			gray: {
				50: '#f5f5f5',
				100: '#ebebeb',
				200: '#cccccc',
				300: '#adadad',
				400: '#707070',
				500: '#333333',
				600: '#2e2e2e',
				700: '#262626',
				800: '#1f1f1f',
				900: '#191919',
			},
			'cherryflower-orange': {
				50: '#fefefe',
				100: '#fefefc',
				200: '#fcfcf8',
				300: '#f9fbf4',
				400: '#f5f7eb',
				500: '#F1F4E3',
				600: '#d9dccc',
				700: '#b5b7aa',
				800: '#919288',
				900: '#76786f',
			},
			'slightly-rose': {
				50: '#fdf8f9',
				100: '#fbf2f4',
				200: '#f6dee3',
				300: '#f0c9d2',
				400: '#e5a1b1',
				500: '#DA798F',
				600: '#c46d81',
				700: '#a45b6b',
				800: '#834956',
				900: '#6b3b46',
			},
			'alpine-green': {
				50: '#f9fbf6',
				100: '#f2f7ec',
				200: '#dfebd0',
				300: '#ccdfb3',
				400: '#a5c77b',
				500: '#7FAF42',
				600: '#729e3b',
				700: '#5f8332',
				800: '#4c6928',
				900: '#3e5620',
			},
			'sea-green': {
				50: '#f3f5f5',
				100: '#e7ebeb',
				200: '#c2cdce',
				300: '#9dafb1',
				400: '#547276',
				500: '#0B363B',
				600: '#0a3135',
				700: '#08292c',
				800: '#072023',
				900: '#051a1d',
			},
		},
	},
};