text: const colors = require('tailwindcss/colors');
  
  module.exports = {
    content: ['./src/**/*.{js,jsx,ts,tsx,vue}'],
    darkMode: 'class', // or 'media' or 'class'
    theme: {
      extend: {
        colors: {
          primary: colors.blue['500'],
          secondary: colors.blue['400'],
          accent: colors.zinc['900'],
          gray: colors.zinc,
          orange: colors.orange,
        },
        fontFamily: {
          sans: ['Poppins', 'sans-serif'],
          mono: ['JetBrains Mono', 'monospace'],
        },
        container: {
          center: true,
          padding: {
            DEFAULT: '1rem',
            sm: '2rem',
          },
        },
      },
    },
    variants: {
      extend: {},
    },
    plugins: [],
  };
  