const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");

module.exports = {
  content: ["./src/**/*.{svelte,js,ts}"],
  plugins: [require("@tailwindcss/typography"), require("daisyui")],
  theme: {
    fontFamily: {
      sans: ["Inter Variable", ...defaultTheme.fontFamily.sans],
    },
    fontWeight: {
      normal: "420",
      ...defaultTheme.fontWeight,
    },
    transitionDuration: {
      DEFAULT: "250ms",
    },
  },
  safelist: ["btn-xs", "btn-sm", "btn-md", "btn-lg", "btn-ghost", "btn-primary"],
  daisyui: {
    themes: [
      {
        tiraya: {
          primary: "#00eaff",
          secondary: "#1e3ca1",
          accent: "#d99330",
          neutral: "#252a34",
          "base-content": "#fafafa",
          "base-100": "#1a1e25",
          "base-200": "#191b21",
          "base-300": "#171212",
          info: "#3abff8",
          success: "#36e175",
          warning: "#ffca00",
          error: "#ff2756",
          "--rounded-btn": "1.9rem",
        },
        "tiraya-light": {
          primary: "#11c2bf",
          secondary: "#1e3ca1",
          accent: "#d99330",
          neutral: "#181a2a",
          "neutral-content": "#edf2f7",
          "base-100": "#ffffff",
          "base-content": "#181a2a",
          info: "#3abff8",
          success: "#36e175",
          warning: "#ffca00",
          error: "#ff2756",
          "--rounded-btn": "1.9rem",
        },
      },
      "light",
      "dark",
      "cupcake",
      "bumblebee",
      "emerald",
      "corporate",
      "synthwave",
      "retro",
      "cyberpunk",
      "valentine",
      "halloween",
      "garden",
      "forest",
      "aqua",
      "lofi",
      "pastel",
      "fantasy",
      "black",
      "luxury",
      "dracula",
      "cmyk",
      "autumn",
      "business",
      "acid",
      "lemonade",
      "night",
      "coffee",
      "winter",
    ],
    darkTheme: "tiraya",
    logs: false,
  },
};