tailwind.config.ts

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}", // Pages directory
    "./components/**/*.{js,ts,jsx,tsx,mdx}", // Components directory
    "./app/**/*.{js,ts,jsx,tsx,mdx}", // App directory (if using Next.js App Router)
    "./src/**/*.{js,ts,jsx,tsx,mdx}", // Src directory (common pattern)
  ],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        headerblack: "#353436",
        backgroundgray: "#F9F9F9",
        primaryblack: "#1E211F",
        primarygreen: "#2C3F2D",
        primarylp: "#F4D3C3",
        primaryorange: "#E27D39",
        white: "#FFFFFF",
        secondarygray: "#424242",
        secondarygreen: "#24583C",
        secondaryblue: "#CAEAEF",
      },
      tooltip: {
        backgroundColor: 'theme("colors.headerblack")',
        color: 'theme("colors.white")',
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
      fontFamily: {
        manrope: ["Manrope", "sans-serif"],
        gambetta: ["Gambetta", "serif"],
      },
    },
  },
  plugins: [require("@tailwindcss/forms"), require("daisyui")],
  daisyui: {
    themes: [
      {
        light: {
          headerblack: "#353436",
          backgroundgray: "#F9F9F9",
          primaryblack: "#1E211F",
          primarygreen: "#2C3F2D",
          primarylp: "#F4D3C3",
          primaryorange: "#E27D39",
          white: "#FFFFFF",
          secondarygray: "#424242",
          secondarygreen: "#24583C",
          secondaryblue: "#CAEAEF",
        },
        dark: {
          headerblack: "#353436",
          backgroundgray: "#F9F9F9",
          primaryblack: "#1E211F",
          primarygreen: "#2C3F2D",
          primarylp: "#F4D3C3",
          primaryorange: "#E27D39",
          white: "#FFFFFF",
          secondarygray: "#424242",
          secondarygreen: "#24583C",
          secondaryblue: "#CAEAEF",
        },
      },
    ],
  },
};