/** @type {import('tailwindcss').Config} */
export default {
  theme: {
    extend: {
    colors: {
        primary: {
            '50': 'hsl(34, 68%, 97%)',
            '100': 'hsl(34, 68%, 94%)',
            '200': 'hsl(34, 68%, 86%)',
            '300': 'hsl(34, 68%, 76%)',
            '400': 'hsl(34, 68%, 64%)',
            '500': 'hsl(34, 68%, 50%)',
            '600': 'hsl(34, 68%, 40%)',
            '700': 'hsl(34, 68%, 32%)',
            '800': 'hsl(34, 68%, 24%)',
            '900': 'hsl(34, 68%, 16%)',
            '950': 'hsl(34, 68%, 10%)',
            DEFAULT: '#d08728'
        },
        'neutral-50': '#000000',
        'neutral-100': '#efefef',
        'neutral-200': '#616161',
        'neutral-300': '#373737',
        'neutral-400': '#171717',
        'neutral-500': '#ffffff',
        'neutral-600': '#e5e5e5',
        background: '#ffffff',
        foreground: '#000000'
    },
    fontFamily: {
        body: [
            'Inter',
            'sans-serif'
        ]
    },
    fontSize: {
        '14': [
            '14px',
            {
                lineHeight: '19.6px'
            }
        ],
        '16': [
            '16px',
            {
                lineHeight: 'normal'
            }
        ],
        '18': [
            '18px',
            {
                lineHeight: '18px'
            }
        ],
        '24': [
            '24px',
            {
                lineHeight: '36px'
            }
        ],
        '42': [
            '42px',
            {
                lineHeight: 'normal'
            }
        ],
        '50': [
            '50px',
            {
                lineHeight: '50px'
            }
        ],
        '13.3333': [
            '13.3333px',
            {
                lineHeight: 'normal'
            }
        ]
    },
    spacing: {
        '6': '24px',
        '8': '32px',
        '10': '40px',
        '15': '60px',
        '20': '80px',
        '24': '96px',
        '80': '320px',
        '1px': '1px'
    },
    borderRadius: {
        sm: '4px',
        md: '8px',
        lg: '15px',
        xl: '20px'
    },
    boxShadow: {
        sm: 'rgb(170, 170, 170) 2px 2px 4px 0px',
        md: 'rgba(23, 23, 23, 0.1) 2px 2px 8px 2px'
    },
    transitionDuration: {
        '250': '0.25s'
    },
    container: {
        center: true,
        padding: '0px'
    },
    maxWidth: {
        container: '1200px'
    }
},
  },
};