/** @type {import('tailwindcss').Config} */
module.exports = {
    darkMode: ['class'],
    content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
  	extend: {
  		colors: {
  			white: '#f8f8ff'
  		},
  		screens: {
  			'max-mob': {
  				max: '475px'
  			},
  			'max-tab': {
  				max: '768px'
  			},
  			'max-lap': {
  				max: '1440px'
  			},
  			'max-sidebar': {
  				max: '1285px'
  			},
  			'min-bottom-bar': {
  				min: '1285px'
  			}
  		},
  		backgroundImage: {
  			'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
  			'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))'
  		},
  		fontFamily: {
  			blinker: ['Blinker', 'sans-serif']
  		},
  		fontSize: {
  			h1: ['2.25rem', { lineHeight: '2.5rem' }],
  			h2: ['1.75rem', { lineHeight: '2rem' }],
  			h3: ['1.25rem', { lineHeight: '1.75rem' }]
  		},
  		borderRadius: {
  			lg: 'var(--radius)',
  			md: 'calc(var(--radius) - 2px)',
  			sm: 'calc(var(--radius) - 4px)'
  		}
  	}
  },
  plugins: [
    require('@tailwindcss/typography'),
      require("tailwindcss-animate")
],
}