// tailwind.config.js
import { heroui } from "@heroui/theme";
import { addIconSelectors } from "@iconify/tailwind";

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./public/**/*",
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@heroui/theme/dist/components/(accordion|alert|autocomplete|avatar|badge|breadcrumbs|button|calendar|card|checkbox|chip|code|date-input|date-picker|divider|drawer|dropdown|form|image|input|input-otp|kbd|link|listbox|menu|modal|navbar|pagination|popover|progress|radio|ripple|scroll-shadow|select|skeleton|slider|snippet|spinner|table|tabs|user|spacer).js",
  ],
  theme: {
    extend: {},
  },
  darkMode: "class",
  plugins: [heroui(
    {
      
        "themes": {
          "light": {
            "colors": {
              "primary": {
                "DEFAULT": "#46a9b4",
                '50': '#f1fafa',
                '100': '#daf2f3',
                '200': '#bae3e7',
                '300': '#8bcfd5',
                '400': '#46a9b4',
                '500': '#3895a2',
                '600': '#317b89',
                '700': '#2e6470',
                '800': '#2c545e',
                '900': '#294650',
                '950': '#172e35',
              },
              "secondary": {
                "DEFAULT": "#946fa9",
                '50': '#faf8fc',
    '100': '#f4f0f7',
    '200': '#ece3f1',
    '300': '#dbcee4',
    '400': '#c4add3',
    '500': '#ad8dbf',
    '600': '#946fa9',
    '700': '#805d93',
    '800': '#6c5079',
    '900': '#584162',
    '950': '#3a2744',
              },
            
          },
          }
        },
        "layout": {
          "disabledOpacity": "0.5"
        }
      },
  ),  addIconSelectors(["solar", "cib"])],
};