tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			screens: {
				'3xl': '1749px',
				'w590': '590px',
				'w799': '799px',
				'minh600': { 'raw': '(min-height: 600px)' },
				'minh820': { 'raw': '(min-height: 820px)' },
				'minh962': { 'raw': '(min-height: 962px)' },
				'minh1079': { 'raw': '(min-height: 1079px)' },
				'h415': { 'raw': '(max-height: 415px)' },
				'h602': { 'raw': '(max-height: 602px)' },
				'h769': { 'raw': '(max-height: 769px)' },
				'h1025': { 'raw': '(max-height: 1025px)' }
			},
			colors: {
				primary: '#1a1101',
				primaryDark: '#151225',
				primaryBright: '#2A2AAC',
				secondary: '#CC3232',
				secondaryDark: '#6b1b15',
				third: '#F6991B',
				shading: '#f0e8d8',
				accent: '#F6895A',
				textAlternate: '#2B217A'
			},
			fontFamily: {
				Heebo: ['Heebo'],
				Caveat: ['Caveat']
			},
			animation: {
				blinking: 'blink 1s step-start infinite'
			},
			keyframes: {
				blink: {
					'50%': { opacity: '0' }
				}
			}
		}
	},
	plugins: []
};