import type { Config } from 'tailwindcss'
import colors from 'tailwindcss/colors'
import { fontFamily, fontSize } from 'tailwindcss/defaultTheme'
import tailwindTypography from '@tailwindcss/typography'
const ioprim = {
    '50': '#fff6ed',
    '100': '#ffead4',
    '200': '#ffd1a8',
    '300': '#ffb070',
    '400': '#ff8337',
    '500': '#ff5a06',
    '600': '#f04506',
    '700': '#c73107',
    '800': '#9e280e',
    '900': '#7f240f',
    '950': '#450e05',
}
const sail =  {
    '50': '#f0f9ff',
    '100': '#dff1ff',
    '200': '#bfe7ff',
    '300': '#79d0ff',
    '400': '#32b9fe',
    '500': '#07a0f0',
    '600': '#007fcd',
    '700': '#0065a6',
    '800': '#035689',
    '900': '#094871',
    '950': '#062d4b',
}

export default <Partial<Config>>{
    theme: {
        extend: {
            colors: {
                primary: {
                    ...sail,
                    DEFAULT: sail[200]
                },
                ioprim: {
                    ...ioprim,
                    DEFAULT: ioprim[500],
                },
                neutral: {
                    ...colors.gray,
                    DEFAULT: colors.gray[300]
                }
            },
            fontFamily: {
                ...fontFamily,
                fontSerif: 'Overpass',
                fontSans: 'Roboto',
                'h1': ['Overpass']
            },
            fontSize: {
                ...fontSize,
                '6xl': ['3.5rem', { lineHeight: '1' }],
            },
            typography: ({ theme }) => ({
                DEFAULT: {
                    css: {
                        'p': {
                            marginBottom: theme('spacing.7'),
                            marginTop: theme('spacing.0'),
                        },
                        'h2': {
                            textTransform: 'uppercase',
                            fontWeight: theme('fontWeight.normal'),
                            fontSize: theme('fontSize.3xl[2]'),
                            marginTop: theme('spacing.0'),
                            marginBottom: theme('spacing.7'),
                        }
                    }
                }
            })
        }
    },
    plugins: [tailwindTypography]
}