/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'selector',
  theme: {
    colors: {
      white: '#FFFFFF',
      black: '#000000',
      transparent: 'transparent',
      primary: {
        DEFAULT: '#008C46',
        // dark: '#6affb4'
        dark: '#E6F4E1'
      },
      secondary: {
        DEFAULT: '#B1E1B3',
        // dark: '#20542f',
        dark: '#7DBD80',
        variant: {DEFAULT: '#80AE82', dark: '#5B875D'}
      },
      tertiary: {
        DEFAULT: '#f2f2df',
        dark: '#3d3d29',
      },
      surface: {
        DEFAULT: '#F6F6F6',
        dark: '#2d332d',
        variant: {DEFAULT: '#F4FFF4', dark: '#2b372c'}
      },
      
    },
    fontFamily: {
      display: ['Montserrat', 'sans-serif'],
      body: ['Rubik', 'Noto Sans','Noto Sans Bengali', 'sans-serif'],
    },
    extend: {
      borderWidth: {
        '3': '3px',
      },
      fontSize: {
        title: '40px',
      },
    },
  },
  plugins: [
    function ({ addVariant }) {
      addVariant('second-last', '&:nth-last-child(2)');
    },
  ],
}