const colors = require('tailwindcss/colors')

module.exports = {
  mode: 'jit',
  purge: {
    content: [
      './templates/**/*.html'
    ],
  },
  darkMode: false,
  theme: {
    colors: {
      transparent: 'transparent',
      white: '#ffffff',
      black: '#000000',
      gray: colors.gray,
      slate: colors.slate,
      stone: colors.stone,
      yellow: colors.yellow,
      orange: colors.orange,
      blue: {
        '100': '#bbeeff',
        '200': '#00aaff',
        '300': '#0088ff',
        '400': '#0033ff',
        '500': '#0000ff',
        '600': '#0000bb',
        '700': '#0000aa',
        '800': '#000088',
        '900': '#000066',
      },
      
    },
    extend: {
        screens: {
          '2xl': '1450px',
          // => @media (min-width: 992px) { ... }
        },
      },
  },
  variants: {},
  plugins: [], // if we add forms, do it here
}