tailwind.config.cjs

module.exports = {
    theme: {
        colors: {
            current: 'currentColor',
            transparent: 'transparent',
            black: '#071317',
            white: '#fafcfe',
            gray: {
                100: '#eaeff4',
                200: '#e1e5ea',
                300: '#d7dde2',
                400: '#c7ced3',
                500: '#b6c0c6',
                600: '#aab5ba',
                700: '#848f94',
                800: '#677276',
                900: '#404a4e',
            },
            blue: {
                100: '#bceaf7',
                200: '#a0e1f7',
                300: '#89ceed',
                400: '#70bde9',
                500: '#58a7df',
                600: '#4492d0',
            },
            midnight: {
                100: '#263a47',
                200: '#20313f',
                300: '#1b2c3d',
                400: '#162638',
                500: '#112033',
                600: '#0c192b',
            },
            navy: {
                100: '#557689',
                200: '#436277',
                300: '#3c5c73',
                400: '#2c4b68',
                500: '#1f3d5f',
                600: '#183255',
            },
            red: {
                100: '#eab7b6',
                200: '#eaa4a4',
                300: '#e99190',
                400: '#e67c7c',
                500: '#e66a6a',
                600: '#ea4e4f',
            },
            yellow: {
                100: '#faebb2',
                200: '#f8e69e',
                300: '#f5e18a',
                400: '#f4db77',
                500: '#f1d663',
                600: '#efcc3c',
            },
            orange: {
                100: '#fad1b5',
                200: '#fbc7a2',
                300: '#f9ba91',
                400: '#f7af7d',
                500: '#f5a36b',
                600: '#f48c45',
            },
            green: {
                100: '#61d8c2',
                200: '#4bd4ba',
                300: '#38ceb1',
                400: '#24c9a9',
                500: '#10c4a1',
                600: '#00be9c',
            },
            purple: {
                100: '#d7bbe3',
                200: '#ceaadc',
                300: '#c39ad4',
                400: '#bb8ace',
                500: '#b178c7',
                600: '#9c56b8',
            },
            teal: {
                100: '#9acccd',
                200: '#7fbfbf',
                300: '#65b3b3',
                400: '#4ca6a6',
                500: '#339a99',
                600: '#008081',
            },
        },
        extend: {
            fontSize: {
                xxs: '.5rem',
            },
        },
    },
    plugins: [require('@tailwindcss/typography')],
};