tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Play', 'sans-serif'],
        Pacifico: ['Pacifico', 'cursive'],
      },
    },
    colors: {
      black: {
        50: '#f6f6f6',
        100: '#e7e7e7',
        200: '#d1d1d1',
        300: '#b0b0b0',
        400: '#888888',
        500: '#6d6d6d',
        600: '#5d5d5d',
        700: '#4f4f4f',
        800: '#454545',
        900: '#3d3d3d',
        950: '#000000',
      },
      'chateau-green': {
        50: '#f2fbf3',
        100: '#e1f7e4',
        200: '#c4eecb',
        300: '#95e0a3',
        400: '#5fc973',
        500: '#3aad4f',
        600: '#2f9e44',
        700: '#247133',
        800: '#215a2d',
        900: '#1d4a27',
        950: '#0b2812',
      },
      'persian-red': {
        50: '#fdf3f3',
        100: '#fde3e3',
        200: '#fccccc',
        300: '#f8a9a9',
        400: '#f27777',
        500: '#e74c4c',
        600: '#c92a2a',
        700: '#b22323',
        800: '#932121',
        900: '#7a2222',
        950: '#420d0d',
      },
      'carrot-orange': {
        50: '#fffbea',
        100: '#fff1c5',
        200: '#ffe485',
        300: '#ffcf46',
        400: '#ffb91b',
        500: '#f08c00',
        600: '#e26e00',
        700: '#bb4a02',
        800: '#983908',
        900: '#7c2f0b',
        950: '#481600',
      },
    },
  },
  plugins: [],
};