text: const defaultTheme = require('tailwindcss/defaultTheme');
  const log = require('debug')('tailwind:conf');
  log.enabled = true;
  
  const isForIndexfile = process.env.TAILWIND_INDEX === 'true';
  if (isForIndexfile) log('Processing index.pcss > index.css using index.html as base');
  
  module.exports = {
    content: isForIndexfile ? ['./src/index.html'] : [],
    darkMode: 'class',
    theme: {
      fontFamily: {
        'mono': ['Roboto Mono', ...defaultTheme.fontFamily.mono],
        'mono-alt': ['Major Mono Display', ...defaultTheme.fontFamily.sans],
        'sans': ['Montserrat', ...defaultTheme.fontFamily.sans],
        'display': ['Montserrat', ...defaultTheme.fontFamily.sans],
        'body': ['Montserrat', ...defaultTheme.fontFamily.sans],
      },
      extend: {
        zIndex: {
          1: '1',
        },
        backgroundImage: {
          'placeholder': "url('https://picsum.photos/1920/1280')",
          'placeholder-1': "url('https://picsum.photos/id/811/1920/1280')",
          'placeholder-2': "url('https://picsum.photos/id/450/1920/1280')",
          'placeholder-3': "url('https://picsum.photos/id/474/1920/1280')",
          'placeholder-4': "url('https://picsum.photos/id/296/1920/1280')",
        },
      },
    },
    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
  };
  