const {join} = require('path');

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
    ],
    corePlugins: {
        preflight: false,
    },
    theme: {
        extend: {
            colors: {
                'dark': {
                    background: '#151a30',
                    elevated: '#2a2b3a',
                },
                'denim': {
                    light: '#D4DBDF',
                    DEFAULT: '#284E60',
                    dark: '#284E60',
                    darker: '#182E39',
                },
                'honey': {
                    light: '#FFEECC',
                    DEFAULT: '#FFAE00',
                    dark: '#996800'
                },
                'jade': {
                    light: '#CCF0DF',
                    DEFAULT: '#00B562',
                    dark: '#006C3A'
                },
                'ruby': {
                    light: '#FFCCE0',
                    DEFAULT: '#FF0066',
                    dark: '#99003D'
                },
                'olympic': {
                    light: '#D2EBF4',
                    DEFAULT: '#1F9CCA',
                    dark: '#125D79'
                }

            },
        },
    },
    plugins: [],
    darkMode: 'class',
}