tailwind.config.ts

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

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    colors: {
      main: "#BB2649",
      transparent: 'transparent',
      black: "#000",
      current: 'currentColor',
      white: colors.white,
      emerald: colors.emerald,
      indigo: colors.indigo,
      yellow: colors.yellow,
      stone: colors.stone,
      sky: colors.sky,
      neutral: colors.neutral,
      gray: colors.gray,
      slate: colors.slate,
      grey: {
        DEFAULT: "#161b22",
        
        200: "#999",
        300: "#ddd",
        400: "#23262E"
      },
    },
    extend: {
      fontFamily: {
        ubuntu: ['Ubuntu', 'sans-serif'],
      },
      fontWeight: {
        'light': '300',
        'regular': '400',
        'medium': '500',
        'bold': '700',
      },
      fontStyle: {
        'light-italic': 'italic',
        'regular-italic': 'italic',
        'medium-italic': 'italic',
        'bold-italic': 'italic',
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
    require("daisyui"),
    require("tailwind-scrollbar")({ nocompatible: true }),
  ]
};

export default config;