tailwind.config.js

module.exports = {
    mode: "jit",
    purge: ["./app/**/*.{ts,tsx}"],
    darkMode: "media", // or 'media' or 'class'
    theme: {
        fontFamily: {
            sans: ['ui-sans-serif', 'system-ui']
        },
         colors: {
            transparent: 'transparent',
            current: 'currentColor',
            pink: 'var(--pink)',
        },
        spacing: {
            0.5: '2px',
            1: '4px',
            2: '8px',
            3: '12px',
            4: '16px',
            5: '24px',
            6: '32px',
            7: '48px',
            8: '72px'
        },
      extend: {
          maxWidth: {
          'readable': '560px'
        }
      }
    },
    variants: {},
    plugins: []
  };