const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  content: [
    './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
    './vendor/laravel/jetstream/**/*.blade.php',
    './storage/framework/views/*.php',
    './resources/views/**/*.blade.php',
    './resources/js/**/*.vue',
  ],

  darkMode: 'class',

  theme: {
    fontFamily: {
      display: ['PoiretOne'],
      body: ['OpenSans'],
    },

    extend: {
      colors: {
        // use https://uicolors.app/create
        // neutals
        'nomad': {
          50: '#fbfbf8',
          100: '#f6f6f3',
          200: '#e9e5e2',
          300: '#dad3cd',
          400: '#b5a89c',
          500: '#827262',
          600: '#5e5647',
          700: '#4b4235',
          800: '#2d2420',
          900: '#201913',
        },

        // reds
        'mulberry': {
          50: '#fbf4f9',
          100: '#f9eaf4',
          200: '#f5d5ea',
          300: '#eeb3d8',
          400: '#e284bd',
          500: '#d55fa3',
          600: '#c54b8c',
          700: '#a72f6c',
          800: '#8a2a59',
          900: '#74274d',
        },

        'monza': {
          50: '#fff0f0',
          100: '#ffdede',
          200: '#ffc3c4',
          300: '#ff999a',
          400: '#ff5e60',
          500: '#ff2c2f',
          600: '#f60c0f',
          700: '#db0609',
          800: '#ab090b',
          900: '#8d0f11',
        },

        'totem-pole': {
          50: '#fff0f0',
          100: '#ffdddd',
          200: '#ffc0c0',
          300: '#ff9494',
          400: '#ff5757',
          500: '#ff2323',
          600: '#ff0303',
          700: '#d70000',
          800: '#b10303',
          900: '#8f0a0a',
        },


        // oranges


        // yellows


        // greens
        'bright-green': {
          50: '#efffe6',
          100: '#daffc8',
          200: '#b7fe98',
          300: '#88fa5c',
          400: '#5ff02a',
          500: '#3fd60c',
          600: '#2bac04',
          700: '#238209',
          800: '#20670d',
          900: '#1d5710',
        },

        'spring-green': {
          50: '#effef6',
          100: '#d9ffee',
          200: '#b5fddd',
          300: '#7bfac4',
          400: '#3aeea2',
          500: '#12e78d',
          600: '#07b26a',
          700: '#0a8b55',
          800: '#0e6d46',
          900: '#0d5a3c',
        },

        'forest-green': {
          50: '#f1fdf0',
          100: '#ddfcdc',
          200: '#bff6bc',
          300: '#8aee87',
          400: '#50dc4c',
          500: '#24b321',
          600: '#1ba118',
          700: '#187f16',
          800: '#186417',
          900: '#155215',
        },

        'mountain-meadow': {
          50: '#ecfdf3',
          100: '#d1fae1',
          200: '#a7f3c9',
          300: '#6ee7ac',
          400: '#34d38b',
          500: '#0fa968',
          600: '#05965c',
          700: '#04784c',
          800: '#065f3e',
          900: '#064e34',
        },

        'eucalyptus': {
          50: '#f1fcf5',
          100: '#dff9ea',
          200: '#c0f2d5',
          300: '#8fe6b5',
          400: '#57d18c',
          500: '#30b76b',
          600: '#239654',
          700: '#22844d',
          800: '#1d5e3a',
          900: '#1a4d31',
        },

        'japanese-laurel': {
          50: '#ebffe5',
          100: '#d0ffc7',
          200: '#a4ff95',
          300: '#6bfe58',
          400: '#3cf526',
          500: '#18dc06',
          600: '#0cad00',
          700: '#0c8506',
          800: '#0f690b',
          900: '#10580f',
        },


        // teals
        'aquamarine': {
          50: '#eafff7',
          100: '#cdfeea',
          200: '#a1fadb',
          300: '#63f2c9',
          400: '#25e2b2',
          500: '#01c89c',
          600: '#00a380',
          700: '#00836b',
          800: '#006756',
          900: '#005548',
        },

        'bermuda': {
          50: '#f2fbf9',
          100: '#d2f5f0',
          200: '#a5eae1',
          300: '#7bdbd1',
          400: '#42bfb6',
          500: '#29a39c',
          600: '#1e837f',
          700: '#1c6967',
          800: '#1b5453',
          900: '#1b4645',
        },

        'tiber': {
          50: '#edfffc',
          100: '#c2fff8',
          200: '#86fff4',
          300: '#42ffed',
          400: '#0bf6e0',
          500: '#00d9c7',
          600: '#00afa5',
          700: '#008b85',
          800: '#016e6b',
          900: '#05403e',
        },

        'wedgewood': {
          50: '#f2f9f9',
          100: '#ddeff0',
          200: '#bfe0e2',
          300: '#92cace',
          400: '#5faab1',
          500: '#438e96',
          600: '#3b757f',
          700: '#356169',
          800: '#325158',
          900: '#2d464c',
        },


        // blues
        'fun-blue': {
          50: '#f2f7fd',
          100: '#e4edfa',
          200: '#c3d9f4',
          300: '#8dbaec',
          400: '#5197df',
          500: '#2a7acd',
          600: '#1b5daa',
          700: '#174c8d',
          800: '#174175',
          900: '#193961',
        },

        // purples
        'electric-violet': {
          50: '#f3f1ff',
          100: '#ebe5ff',
          200: '#d9ceff',
          300: '#bea6ff',
          400: '#9f75ff',
          500: '#843dff',
          600: '#7916ff',
          700: '#6b04fd',
          800: '#5a03d5',
          900: '#4b05ad',
        },

        'seance': {
          50: '#fcf3ff',
          100: '#fae7ff',
          200: '#f4ceff',
          300: '#efa7ff',
          400: '#e772ff',
          500: '#d73df8',
          600: '#bf1ddc',
          700: '#a615bc',
          800: '#851395',
          900: '#70157a',
        },

        'lilac-bush': {
          50: '#f8f5fd',
          100: '#f2edfa',
          200: '#e6def6',
          300: '#d4c3ef',
          400: '#bea1e4',
          500: '#9f6dd3',
          600: '#995ec9',
          700: '#894bb6',
          800: '#723f98',
          900: '#5e357d',
        },


        // pinks
        'mandy': {
          50: '#fef2f3',
          100: '#fde6e7',
          200: '#fbd0d5',
          300: '#f7aab2',
          400: '#f27a8a',
          500: '#ea546c',
          600: '#d5294d',
          700: '#b31d3f',
          800: '#961b3c',
          900: '#811a39',
        },

        'amaranth': {
          50: '#fff1f4',
          100: '#ffe3e8',
          200: '#ffcbd8',
          300: '#ffa1b8',
          400: '#ff6d94',
          500: '#fa3972',
          600: '#e91f64',
          700: '#c40c4f',
          800: '#a40d49',
          900: '#8c0f45',
        },

        'jazzberry-jam': {
          50: '#fef1fa',
          100: '#fee5f8',
          200: '#ffcbf3',
          300: '#ffa1e7',
          400: '#ff67d4',
          500: '#fa3abe',
          600: '#eb179d',
          700: '#cc0a80',
          800: '#b10c6e',
          900: '#8c0f59',
        },

        'scarlet-gum': {
          50: '#f6ecff',
          100: '#f0ddff',
          200: '#e5c1ff',
          300: '#d99cff',
          400: '#d474ff',
          500: '#d854ff',
          600: '#d935f6',
          700: '#c328da',
          800: '#9a24af',
          900: '#4e1859',
        },



      },

      fontFamily: {
        sans: ['OpenSans', ...defaultTheme.fontFamily.sans],
        serif: ['Nunito', ...defaultTheme.fontFamily.serif],
        mono: ['RobotoMono', ...defaultTheme.fontFamily.mono],
      },
    },
  },

  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    //require('tailwindcss-neumorphism'),
  ],
}