/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        brand: {
          green: { DEFAULT: "#34D5C8", light: "#C4FBE5" },
          red: "#FF8678",
          purple: {
            DEFAULT: "#A5BEFF",
            light: "D5E1FF",
          },
          yellow: "#E1F391",
          black: "#424242",
        },
      },
    },
  },
  plugins: [require("daisyui")],
  daisyui: {
    themes: [
      {
        mytheme: {
          primary: "#34D5C8",
          secondary: "#C4FBE5",
          accent: "#A5BEFF",
          neutral: "#424242",
          "base-100": "#ffffff",
          warning: "FF8678",
        },
      },
      "light",
    ],
  },
};