/** @type {import('tailwindcss').Config}*/
const config = {
  content: [
    "./src/**/*.{html,js,svelte,ts}",
    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
  ],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        // flowbite-svelte
        primary: {
          DEFAULT: "#FA1C74",
          50: "#FED0E2",
          100: "#FEBCD6",
          200: "#FD94BD",
          300: "#FC6CA5",
          400: "#FB448C",
          500: "#FA1C74",
          600: "#D90559",
          700: "#A20442",
          800: "#6B022C",
          900: "#340115",
          950: "#19010A",
        },
        gray: {
          50: "#F9F9F9",
          100: "#ECECEC",
          200: "#D3D3D3",
          300: "#B9B9B9",
          400: "#A0A0A0",
          500: "#868686",
          600: "#6D6D6D",
          700: "#535353",
          800: "#393939",
          900: "#202020",
          950: "#1A1A1A",
        },
      },
    },
  },

  plugins: [require("flowbite/plugin")],
};

module.exports = config;