/** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{js,jsx,ts,tsx}'], theme: { extend: { colors: { primary: { main: 'var(--color-primary-main)', 100: 'var(--color-primary-100)', 200: 'var(--color-primary-200)', 300: 'var(--color-primary-300)', }, secondary: { main: '#D700FE', dark: '#9E00C5' }, bg: { white: '#FFFFFF', gray: '#F2F3F5' }, txt: { black: '#000000', medium: 'var(--color-text-medium)', second: '#D1D1D1', light: 'var(--color-text-light)', second: '#B4B4B4', }, gradient: { primary: 'var(--color-gradient-primary-dark)', }, separated: { border: 'var(--color-separated-border)' }, } }, }, plugins: [], }