tailwind.config.cjs

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  content: [
    './src/**/*.astro',
  ],
  safelist: ['emoji'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        gray: {
          100: '#F7FAFC',
          200: '#EDF2F7',
          300: '#E2E8F0',
          400: '#CBD5E0',
          500: '#A0AEC0',
          600: '#718096',
          700: '#4A5568',
          800: '#2D3748',
          900: '#1A202C',
        },
      },
      fontFamily: {
        sans: ['Rubik', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  variants: {
    extend: {
      backgroundImage: ['hover', 'focus', 'dark'],
    },
  },
  plugins: [
    require('./src/highlight.cjs'),
    require('@tailwindcss/forms'),
  ],
}