import daisyui from "daisyui";
import themes from "daisyui/src/theming/themes";

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,ts}",
    "./node_modules/daisy-ui-kit/components/**/*.vue",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Open Sans Variable", "sans-serif"],
        mono: ["Fira Code Variable", "monospace"],
      },
    },
  },
  plugins: [daisyui],
  daisyui: {
    themes: [
      {
        light: {
          ...themes["light"],
          primary: "oklch(52% 0.0359 227.88)",
          secondary: "oklch(41% 0.0967 6.54)",
          accent: "oklch(25% 0 0)",
          neutral: "oklch(60% 0 0)",
          "base-100": "oklch(96% 0.0095 320.55)",
          info: "oklch(75% 0.139 232.66)",
          success: "oklch(75% 0.1821 151.71)",
          warning: "oklch(75% 0.1644 84.43)",
          error: "oklch(75% 0.1661 22.22)",
        },
      },
      {
        dark: {
          ...themes["dark"],
          primary: "oklch(52% 0.0359 227.88)",
          secondary: "oklch(41% 0.0967 6.54)",
          accent: "oklch(96% 0.0095 320.55)",
          neutral: "oklch(40% 0.0095 320.55)",
          "base-100": "oklch(20% 0 0)",
          info: "oklch(75% 0.139 232.66)",
          success: "oklch(75% 0.1821 151.71)",
          warning: "oklch(75% 0.1644 84.43)",
          error: "oklch(75% 0.1661 22.22)",
        },
      },
    ],
    darkTheme: "dark",
  },
};