import type { Config } from "tailwindcss";
// const defaultTheme = require("tailwindcss/defaultTheme");

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./sections/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/preline/preline.js",
  ],
  theme: {
    extend: {
      fontFamily: {
        heading: 'var(--heading-font)',
        body: 'var(--heading-font)',
        accent: 'var(--accent-font)',
      },
      fontSize: {
        xs: "0.75rem",
        sm: "0.875rem",
        base: "1rem",
        lg: "1.125rem",
        xl: "1.25rem",
        "2xl": "1.5rem",
        "3xl": "2rem",
        "4xl": "2.5rem",
        "5xl": "3.25rem",
        "6xl": "4rem",
      },
      letterSpacing: {
        tighter: "-0.02em",
        tight: "-0.01em",
        normal: "0",
        wide: "0.01em",
        wider: "0.02em",
        widest: "0.4em",
      },
      typography: {
        DEFAULT: {
          css: {
            p: {
              fontFamily: 'var(--body-font)'
            },
            h1: {
              fontFamily: 'var(--heading-font)'
            },
            h2: {
              fontFamily: 'var(--heading-font)'
            },
            h3: {
              fontFamily: 'var(--heading-font)'
            },
            h4: {
              fontFamily: 'var(--heading-font)'
            },
            h5: {
              fontFamily: 'var(--heading-font)'
            },
            h6: {
              fontFamily: 'var(--heading-font)'
            }
          }
        }
      }
    },
  },
  daisyui: {
    themes: [
      {
        light: {
          primary: "#FD5469",
          "primary-content": "#F5F5F5",
          secondary: "#7082FF",
          "secondary-content": "#000",
          accent: "#fd0000",
          neutral: "#28282e",
          "base-100": "#FBFAFA",
          "base-200": "#F9F8F8",
          "base-300": "#F4F3F4",
          "base-content": "#000",
          info: "#00f5ff",
          success: "#00ff8b",
          warning: "#ff5100",
          error: "#ff0051",
        },
        dark: {
          primary: "#FD5469",
          "primary-content": "#F5F5F5",
          secondary: "#7082FF",
          "secondary-content": "#fff",
          accent: "#006cff",
          neutral: "#060206",
          "base-100": "#2a3130",
          "base-200": "#2a2d2a",
          "base-300": "#292924",
          "base-content": "#fff",
          info: "#009ae0",
          success: "#76e200",
          warning: "#eb9400",
          error: "#be2133",
        }
      },
    ],
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("@tailwindcss/typography"),
    require("daisyui"),
    require("preline/plugin"),
  ],
};
export default config;