tailwind.config.ts

import type {Config} from 'tailwindcss';

export default {
	content: [
		'./pages/**/*.{js,ts,jsx,tsx,mdx}',
		'./components/**/*.{js,ts,jsx,tsx,mdx}',
		'./app/**/*.{js,ts,jsx,tsx,mdx}',
		'./node_modules/@solana/wallet-adapter-react-ui/**/*.js'
	],
	theme: {
		extend: {
			colors: {
				background: 'var(--background)',
				foreground: 'var(--foreground)',
				white: '#fff',
				black: '#000',
				'violet-light': '#6120FD',
				'violet-dark': '#5000FF',
				accent: '#33FFEE',
				'accent-hover': '#E64DFF'
			},
			keyframes: {
				circlePulse: {
					'0%': {
						strokeWidth: '24'
					},
					'50%': {
						strokeWidth: '40'
					},
					'100%': {
						strokeWidth: '24'
					}
				},
				largeCirclePulse: {
					'0%': {
						strokeWidth: '48'
					},
					'50%': {
						strokeWidth: '80'
					},
					'100%': {
						strokeWidth: '48'
					}
				}
			},
			screens: {
				xs: '376px',
				lg: '1300px',
				xl: '2560px'
			},
			animation: {
				'circle-pulse': 'circlePulse 1.5s ease-in-out infinite',
				'large-circle-pulse': 'largeCirclePulse 1.5s ease-in-out infinite'
			},
			transitionProperty: {
				transform: 'transform'
			},
			perspective: {
				'1000': '1000px'
			},
			backfaceVisibility: {
				hidden: 'hidden'
			}
		}
	},
	plugins: []
} satisfies Config;