/** @type {import('tailwindcss').Config} */ export default { content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], theme: { colors: { transparent: 'transparent', current: 'currentColor', primary: '#202225', secondary: '#2f3136', tertiary: '#a8adb3', quartenary: '#4D4E51', green: '#85CE73', error: '#ff5454', gray: '#797979', yellow: '#e5c453' }, borderColor: { primary: '#38444d', secondary: '#202225' }, fontFamily: { lato: ['Lato', 'sans-serif'] }, fontSize: { xxs: ['0.65rem', { lineHeight: '.85rem' }], xs: ['0.75rem', { lineHeight: '1rem' }], sm: ['0.875rem', { lineHeight: '1.25rem' }], base: ['1rem', { lineHeight: '1.5rem' }], lg: ['1.125rem', { lineHeight: '1.75rem' }], xl: ['1.25rem', { lineHeight: '1.75rem' }], '2xl': ['1.5rem', { lineHeight: '2rem' }], '3xl': ['1.875rem', { lineHeight: '2.25rem' }], '4xl': ['2.25rem', { lineHeight: '2.5rem' }], '5xl': ['3rem', { lineHeight: '1' }], '6xl': ['3.75rem', { lineHeight: '1' }], '7xl': ['4.5rem', { lineHeight: '1' }], '8xl': ['6rem', { lineHeight: '1' }], '9xl': ['8rem', { lineHeight: '1' }], }, fontWeight: { thin: '100', extralight: '200', light: '300', normal: '400', medium: '500', semibold: '600', bold: '700', extrabold: '800', black: '900', }, extend: {}, }, plugins: [], }