/** @type {import('tailwindcss').Config} */
export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			colors: {
				spice: {
					50: '#fff7ed',
					100: '#ffedd5',
					200: '#fed7aa',
					300: '#fdba74',
					400: '#fb923c',
					500: '#f97316',
					600: '#ea580c',
					700: '#c2410c',
					800: '#9a3412',
					900: '#7c2d12',
					950: '#431407'
				}
			},
			fontFamily: {
				mono: ['JetBrains Mono', 'Fira Code', 'monospace']
			},
			screens: {
				'landscape-mobile': { raw: '(orientation: landscape) and (max-height: 500px)' }
			}
		}
	},
	plugins: []
};