tailwind.config.js

module.exports = {
  mode: 'jit',
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      spacing: {
        105: '25rem',
        108: '27rem',
        120: '30rem',
        132: '33rem',
        144: '36rem',
      },
      fontSize: {
        responsive: '50vw',
      },
    },
    colors: {
      primary: {
        DEFAULT: '#EB8258',
        50: '#FFFFFF',
        100: '#FFFFFF',
        200: '#FBE8E1',
        300: '#F6C6B3',
        400: '#F0A486',
        500: '#EB8258',
        600: '#E6602A',
        700: '#C54918',
        800: '#983812',
        900: '#6A270D',
      },
      'dark-grey': {
        DEFAULT: '#1A1A1A',
        50: '#8D8D8D',
        100: '#808080',
        200: '#676767',
        300: '#4D4D4D',
        400: '#343434',
        500: '#1A1A1A',
        600: '#000000',
        700: '#000000',
        800: '#000000',
        900: '#000000',
      },
      'light-grey': {
        DEFAULT: '#333333',
        50: '#A6A6A6',
        100: '#999999',
        200: '#808080',
        300: '#666666',
        400: '#4D4D4D',
        500: '#333333',
        600: '#1A1A1A',
        700: '#000000',
        800: '#000000',
        900: '#000000',
      },
      'cadet-blue': {
        DEFAULT: '#A0AEC0',
        50: '#FFFFFF',
        100: '#FFFFFF',
        200: '#FCFCFD',
        300: '#DDE2E9',
        400: '#BFC8D4',
        500: '#A0AEC0',
        600: '#8194AC',
        700: '#647A96',
        800: '#4F6178',
        900: '#3B4859',
      },
      darkGrey: {
        DEFAULT: '#1A1A1A',
        50: '#8D8D8D',
        100: '#808080',
        200: '#676767',
        300: '#4D4D4D',
        400: '#343434',
        500: '#1A1A1A',
        600: '#000000',
        700: '#000000',
        800: '#000000',
        900: '#000000',
      },
      lightGrey: {
        DEFAULT: '#333333',
        50: '#A6A6A6',
        100: '#999999',
        200: '#808080',
        300: '#666666',
        400: '#4D4D4D',
        500: '#333333',
        600: '#1A1A1A',
        700: '#000000',
        800: '#000000',
        900: '#000000',
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};