/** @type {import('tailwindcss').Config} */
export default {
	darkMode: ["class"],
	content: [
		"./index.html",
		"./src/**/*.{js,ts,jsx,tsx}",
	],
	theme: {
		extend: {
			borderRadius: {
				lg: 'var(--radius)',
				md: 'calc(var(--radius) - 2px)',
				sm: 'calc(var(--radius) - 4px)'
			},
			colors: {
				brand: {
					DEFAULT: 'hsl(215, 100%, 33%)', 
				},
				highlight: {
					DEFAULT: 'hsl(50, 100%, 50%)', 
					foreground: 'hsl(50, 100%, 20%)', 
				},
			},
			screens: {
				'main-hover': {
					raw: '(hover: hover)'
				}
			}
		}
	},
	plugins: [require("tailwindcss-animate"), require("tailwind-scrollbar-hide")],
}