/** @type {import('tailwindcss').Config} */
export default {
    content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
    theme: {
        extend: {
            colors: {
                text: {
                    50: '#f1f3f3',
                    100: '#e4e7e7',
                    200: '#c9cfcf',
                    300: '#aeb7b7',
                    400: '#939f9f',
                    500: '#788787',
                    600: '#606c6c',
                    700: '#485151',
                    800: '#303636',
                    900: '#181b1b',
                    950: '#0c0e0e',
                },
                background: {
                    50: '#f2f2f2',
                    100: '#e6e6e6',
                    200: '#cccccc',
                    300: '#b3b3b3',
                    400: '#999999',
                    500: '#808080',
                    600: '#666666',
                    700: '#4d4d4d',
                    800: '#333333',
                    900: '#1a1a1a',
                    950: '#0d0d0d',
                },
                primary: {
                    50: '#ebf1fa',
                    100: '#d7e3f4',
                    200: '#afc7e9',
                    300: '#87abde',
                    400: '#5f8fd3',
                    500: '#3773c8',
                    600: '#2c5ca0',
                    700: '#214578',
                    800: '#162e50',
                    900: '#0b1728',
                    950: '#050c14',
                },
                secondary: {
                    50: '#eef7f6',
                    100: '#dcefed',
                    200: '#badedc',
                    300: '#97ceca',
                    400: '#74beb9',
                    500: '#52ada7',
                    600: '#418b86',
                    700: '#316864',
                    800: '#214543',
                    900: '#102321',
                    950: '#081111',
                },
                accent: {
                    50: '#edf8f4',
                    100: '#dbf0e9',
                    200: '#b6e2d3',
                    300: '#92d3bc',
                    400: '#6dc5a6',
                    500: '#49b690',
                    600: '#3a9273',
                    700: '#2c6d56',
                    800: '#1d493a',
                    900: '#0f241d',
                    950: '#07120e',
                },
            },
        },
    },
    plugins: [require('daisyui')],
    daisyui: {
        themes: [
            {
                light: {
                    primary: '#3773c8',
                    secondary: '#9ad0cc',
                    accent: '#47b38d',
                    neutral: '#262626',
                    'base-100': '#ededed',
                },
                dark: {
                    primary: '#3773c8',
                    secondary: '#2f6561',
                    accent: '#4cb892',
                    neutral: '#262626',
                    'base-100': '#111111',
                },
            },
        ],
    },
};

// old: https://www.realtimecolors.com/?colors=111313-f4f6f6-6f9f9e-a8cccb-7fbdba&fonts=Inter-Inter

// new: https://www.realtimecolors.com/?colors=eceeee-111111-3773c8-2f6561-4cb892&fonts=Inter-Inter