tailwind.config.cjs

/** @type {import('tailwindcss').Config}*/
const config = {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			colors: {
				primary: {
					"50":"#f7fee7",
					"100":"#ecfccb",
					"200":"#d9f99d",
					"300":"#bef264",
					"400":"#a3e635",
					"500":"#84cc16",
					"600":"#65a30d",
					"700":"#4d7c0f",
					"800":"#3f6212",
					"900":"#365314",
					"950":"#1a2e05"
				}
			}
		},
		fontFamily: {
			'body': [
				'Inter',
				'ui-sans-serif',
				'system-ui',
				'-apple-system',
				'system-ui',
				'Segoe UI',
				'Roboto',
				'Helvetica Neue',
				'Arial',
				'Noto Sans',
				'sans-serif',
				'Apple Color Emoji',
				'Segoe UI Emoji',
				'Segoe UI Symbol',
				'Noto Color Emoji'
			],
			'sans': [
				'Inter',
				'ui-sans-serif',
				'system-ui',
				'-apple-system',
				'system-ui',
				'Segoe UI',
				'Roboto',
				'Helvetica Neue',
				'Arial',
				'Noto Sans',
				'sans-serif',
				'Apple Color Emoji',
				'Segoe UI Emoji',
				'Segoe UI Symbol',
				'Noto Color Emoji'
			]
		}
	},
	plugins: [
		require('@tailwindcss/forms'),
    	require('tailwind-scrollbar')({ nocompatible: true }),
	]
};

module.exports = config;