tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ["./src/**/*.js"],
    theme: {
        extend: {
        colors: {
            'primary': {
            50: '#fdeae5',
            100: '#fbc9be',
            200: '#f9a693',
            300: '#f68268',
            400: '#f46747',
            500: '#f24c27',
            600: '#f04523',
            700: '#ee3c1d',
            800: '#ec3317',
            900: '#e8240e'
            },
            'secondary': {
            50: '#e1e9eb',
            100: '#b3c8cd',
            200: '#81a4ac',
            300: '#4e808b',
            400: '#286472',
            500: '#024959',
            600: '#024251',
            700: '#013948',
            800: '#01313e',
            900: '#01212e',
            },
            'tertiary': {
            50: '#e1f0f1',
            100: '#b3d8dd',
            200: '#81bfc6',
            300: '#4fa5af',
            400: '#29919d',
            500: '#037e8c',
            600: '#037684',
            700: '#026b79',
            800: '#02616f',
            900: '#014e5c',
            }
        },
        },
    },
    plugins: [],
}