tailwind.config.ts

import type { Config } from 'tailwindcss';
const colors = require('tailwindcss/colors');

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic':
          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
      },
      colors: {
        'accent-1': '#FAFAFA',
        'accent-2': '#EAEAEA',
        'accent-7': '#333',
        success: '#0070f3',
        cyan: '#79FFE1',
        primary: colors.blue,
      },
      typography: () => ({
        DEFAULT: {
          css: {
            'div[data-node-type="callout"]': {
              display: 'flex',
              'justify-content': 'flex-start',
              'align-items': 'flex-start',
              'background-color': '#F8FAFC',
              border: '1px solid #E2E8F0',
              padding: ' 1rem 1.5rem',
              gap: '0.5rem',
              'border-radius': '0.5rem',
              margin: '1rem 0',
              'word-break': 'break-word',
            },
            'div[data-node-type="callout-emoji"]': {
              background: '#E2E8F0',
              'border-radius': '0.5rem',
              minWidth: '1.75rem',
              width: '1.75rem',
              height: '1.5rem',
              display: 'flex',
              'margin-top': '0.3rem',
              'justify-content': 'center',
              'align-items': 'center',
              'font-size': '1rem',
            },
          },
        },
      }),
    },
  },
  plugins: [require('@tailwindcss/typography')],
};
export default config;