tailwind.config.cjs

module.exports = {
  content: [    "./index.html",
  "./src/**/*.{js,ts,jsx,tsx}",
],
  darkMode: 'media',
  theme: {
    fontFamily: {
      primary: 'Playfair Display',
      body: 'Work Sans',
      madi: ['"Ms Madi"', 'cursive'],
      lobster: ['"Lobster Two"', 'cursive'],
    },
    container: {
      padding: {
        DEFAULT: '1rem',
        lg: '3rem',
      },
    },
    screens: {
      sm: '640px',
      md: '768px',
      md2: '800px',
      lg: '1024px',
      xl: '1280px',
    },
    extend: {
      content: {
        about: 'url("/src/assets/img/outline-text/about.svg")',
        portfolio: 'url("/src/assets/img/outline-text/portfolio.svg")',
        services: 'url("/src/assets/img/outline-text/services.svg")',
        testimonials: 'url("/src/assets/img/outline-text/testimonials.svg")',
        contact: 'url("/src/assets/img/outline-text/contact.svg")',
      },
      colors: {
        primary: '#050402',
        secondary: '#1C1D24',
        tertiary: '#131419',
        accent: {
          DEFAULT: '#ac6b34',
          hover: '#925a2b',
        },
        paragraph: '#878e99',
      },
      grid: {
        mySwiper: 'grid grid-row h-auto w-auto',
      },
     },
  },
  plugins: [],
};