/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors');
const confwww= require('../itm/apxhtml.json');
module.exports = {
  content: confwww.tailwindcsscontent,
  theme: {
    fontFamily: {
      sans: ["Inter", "sans-serif"],
      serif: ["Montserrat", "serif"],
    },
  },
  plugins: [
    require("@tailwindcss/typography"),
    require("daisyui")
  ],
  daisyui: {
    themes: ["dark","light","themeA","themeB"], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
    darkTheme: "dark", // name of one of the included themes for dark mode
    base: true, // applies background color and foreground color for root element by default
    styled: true, // include daisyUI colors and design decisions for all components
    utils: true, // adds responsive and modifier utility classes
    prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
    logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
    themeRoot: ":root", // The element that receives theme color CSS variables
    themes: [
      {
        light: {
          primary: "#570df8",
          secondary: "#f000b8",
          accent: "#37cdbe",
          neutral: "#3d4451",
          "base-100": "#ffffff",
          info: "#3abff8",
          success: "#36d399",
          warning: "#fbbd23",
          error: "#f87272",
        },
      },
      {
        dark: {
          primary: "#6419e6",
          secondary: "#d926a9",
          accent: "#1fb2a6",
          neutral: "#2a323c",
          "base-100": "#1f2937",
          info: "#3abff8",
          success: "#36d399",
          warning: "#fbbd23",
          error: "#f87272",
        },
      },
      {
        themeA: {
          "primary": "#6d28d9", // Violet profond
          "secondary": "#db2777", // Rose vif
          "accent": "#14b8a6", // Turquoise
          "neutral": "#1e293b", // Gris foncé
          "base-100": "#f3f4f6", // Gris clair
          "info": "#60a5fa", // Bleu pastel
          "success": "#34d399", // Vert
          "warning": "#fbbf24", // Jaune
          "error": "#f87171" // Rouge
        },
      },
      {
        themeB: {
        "primary": "#059669", // Vert émeraude
        "secondary": "#7c3aed", // Violet
        "accent": "#f59e0b", // Orange
        "neutral": "#374151", // Gris
        "base-100": "#f9fafb", // Blanc cassé
        "info": "#60a5fa", // Bleu pastel
        "success": "#34d399", // Vert
        "warning": "#fbbf24", // Jaune
        "error": "#f87171" // Rouge
        },
      },
    ],
  },
};
