tailwind.config.cjs

const plugin = require('tailwindcss/plugin');
const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Heavitas', ...defaultTheme.fontFamily.sans]
      },
      colors: {
        drg: {
          primary: {
            50: '#fff5e6',
            100: '#ffebcc',
            200: '#ffd799',
            300: '#ffc466',
            400: '#ffb033',
            500: '#ff9c00',
            600: '#cc7d00',
            700: '#995e00',
            800: '#663e00',
            900: '#331f00'
          },
          secondary: {
            50: '#fffbe6',
            100: '#fff6cc',
            200: '#ffed99',
            300: '#ffe466',
            400: '#ffdb33',
            500: '#ffd200',
            600: '#cca800',
            700: '#997e00',
            800: '#665400',
            900: '#332a00'
          }
        }
      }
    }
  },
  plugins: [
    require('daisyui'),
    plugin(function ({ addVariant, e }) {
      addVariant('not-first', ({ modifySelectors, separator }) => {
        modifySelectors(({ className }) => {
          return `.${e(`not-first${separator}${className}`)}:not(:first-child)`;
        });
      });
    })
  ],
  daisyui: {
    themes: ['dark']
  }
};