tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
    theme: {
        
        extend: {
            colors: {
                text: {
                    50: '#f2f2f2',
                    100: '#e6e6e6',
                    200: '#cccccc',
                    300: '#b3b3b3',
                    400: '#999999',
                    500: '#808080',
                    600: '#666666',
                    700: '#4d4d4d',
                    800: '#333333',
                    900: '#1a1a1a',
                    950: '#0d0d0d',
                },
                background: {
                    50: '#e8f7fc',
                    100: '#d1f0fa',
                    200: '#a3e0f5',
                    300: '#75d1f0',
                    400: '#47c2eb',
                    500: '#19b3e6',
                    600: '#148fb8',
                    700: '#0f6b8a',
                    800: '#0a475c',
                    900: '#05242e',
                    950: '#031217',
                },
                primary: {
                    50: '#e8f7fd',
                    100: '#d1f0fa',
                    200: '#a3e1f5',
                    300: '#75d1f0',
                    400: '#46c2ec',
                    500: '#18b3e7',
                    600: '#138fb9',
                    700: '#0f6b8a',
                    800: '#0a485c',
                    900: '#05242e',
                    950: '#021217',
                },
                secondary: {
                    50: '#e8f7fd',
                    100: '#d1effa',
                    200: '#a3dff5',
                    300: '#75cff0',
                    400: '#46c0ec',
                    500: '#18b0e7',
                    600: '#138db9',
                    700: '#0f698a',
                    800: '#0a465c',
                    900: '#05232e',
                    950: '#021217',
                },
                accent: {
                    50: '#e8f7fd',
                    100: '#d1f0fa',
                    200: '#a3e1f5',
                    300: '#75d1f0',
                    400: '#46c2ec',
                    500: '#18b3e7',
                    600: '#138fb9',
                    700: '#0f6b8a',
                    800: '#0a485c',
                    900: '#05242e',
                    950: '#021217',
                },
            },
        },
    },
    plugins: [],
};