text: const defaultTheme = require('tailwindcss/defaultTheme');
  const sharedTheme = require('./src/themes/tailwind/tailwind.theme');
  const { tailwindV3Colors } = require('./src/themes/shared/colors');
  
  module.exports = {
    content: ['./src/**/*.{js,ts,jsx,tsx}'],
    theme: {
      screens: {
        ...defaultTheme.screens,
      },
      colors: {
        ...tailwindV3Colors,
        bermuda: '#78dcca',
        tahiti: {
          100: '#cffafe',
          200: '#a5f3fc',
          300: '#67e8f9',
          400: '#22d3ee',
          500: '#06b6d4',
          600: '#0891b2',
          700: '#0e7490',
          800: '#155e75',
          900: '#164e63',
        },
      },
      fontFamily: {
        sans: sharedTheme.fontFamily.sans,
        serif: [...defaultTheme.fontFamily.serif],
        mono: [...defaultTheme.fontFamily.mono],
      },
      extend: {
        /**
        spacing: {
          128: '32rem',
        },
        */
      },
    },
    plugins: [
      require('@tailwindcss/typography'),
      require('@tailwindcss/line-clamp'),
      require('@tailwindcss/aspect-ratio'),
      require('@tailwindcss/forms'),
    ],
  };
  