/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
	theme: {
		colors: {
			blue: {
				50: 'rgba(231, 235, 252, 1)',
				75: 'rgba(227, 236, 245, 1)',
				100: 'rgba(210, 225, 249, 1)',
				200: 'rgba(189, 215, 249, 1)',
				300: 'rgba(166, 200, 249, 1)',
				400: 'rgba(56, 132, 255, 1)',
				500: 'rgba(31, 101, 214, 1)',
				600: 'rgba(9, 84, 165, 1)',
				800: 'rgba(19, 43, 83, 1)'
			},
			gray: {
				50: 'rgba(240, 242, 244, 1)',
				400: 'rgba(138, 150, 168, 1)',
				700: 'rgba(65, 74, 88, 1)',
				800: 'rgba(42, 47, 55, 1)'
			},
			white: {
				DEFAULT: 'rgba(255, 255, 255, 1)',
				"1/4": 'rgba(255, 255, 255, 0.25)',
				light: "rgba(235, 245, 254, 1)"
			},
			black: {
				DEFAULT: 'rgba(0, 0, 0, 1)'
			},
			text: {
				DEFAULT: 'rgba(2, 3, 7, 1)',
				primary: 'rgba(2, 3, 7, 1)'
			},
			// Other
			"navy-peony": "rgba(32, 55, 91, 1)",
		},
		borderRadius: {
			none: '0',
			sm: '3px',
			md: '5px',
			lg: '8px',
			xl: '12px',
			"2xl": '16px',
			full: '100vw'
		},
		fontSize: {
			// rem starts at 16px on desktop, 14px on tailwind 'sm' and below
			'xs': '0.75rem', // 12px
			'sm': '0.875rem', // 14px
			'md': '1rem', // 16px
			'lg': '1.125rem', // 18px
			'xl': '1.25rem', // 20px

			'header-sm': '1.5rem', // 24px
			'header': '1.75rem', // 28px
			'header-lg': '2rem', // 32px
			'header-page': "2.25rem", // 36px

			'body-sm': '0.938rem', // 15px
			'body': '1rem', // 16px
			'body-lg': '1.063rem' // 17px
		},
		extend: {}
	},
	plugins: []
};