const colors = require('tailwindcss/colors')


/** @type {import('tailwindcss').Config} */

export default {
    content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'],
    plugins: [require('flowbite/plugin')],
    theme: {
        extend: {
            colors: {
                'dark-primary': '#121212',
                'dark-light': '#282828',
                // 'primary': '#0284c7',
                gray: colors.gray,
                primary: {
                    '50': '#f0fafb',
                    '100': '#daf1f3',
                    '200': '#b9e4e8',
                    '300': '#89cfd7',
                    '400': '#5bb6c2',
                    '500': '#3696a4',
                    '600': '#307a8a',
                    '700': '#2c6472',
                    '800': '#2b535f',
                    '900': '#284751',
                    '950': '#162e36',
                }
            }
        }
    },
};