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: {
      colors: {
        gray: {
          100: "#EBF1F5",
          200: "#D9E3EA",
          300: "#C5D2DC",
          400: "#9BA9B4",
          500: "#707D86",
          550: "#52485B",
          600: "#55595F",
          650: "#4c5058",
          700: "#33363A",
          800: "#25282C",
          825: "#34363A",
          850: "#383040",
          900: "#151719",
          925: "#191D24",
          950: "#000000",
        },
        purple: {
          default: "#8000FF",
          100: "#F4F4FF",
          200: "#E2E1FF",
          300: "#CBCCFF",
          400: "#ABABFF",
          500: "#8D8DFF",
          600: "#5D5DFF",
          700: "#4B4ACF",
          800: "#38379C",
          900: "#262668",
        },
        pink: {
          default: "#FF0DCA",
          500: "#D18DFF",
          550: "#8A4CC8",
          600: "#AB4FD7",
          700: "#7a2ec5",
          900: "#3C3445",
        },
        red: {
          300: "#C84C4C",
          600: "#8b2e2e",
        },
      },
      spacing: {
        "9/16": "56.25%",
        "3/4": "75%",
        "1/1": "100%",
      },
      fontFamily: {
        primary: ["Raleway Variable", ...defaultTheme.fontFamily.sans],
        secondary: ["Arimo Variable", ...defaultTheme.fontFamily.sans],
      },
      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",
      },
      inset: {
        full: "100%",
      },
      letterSpacing: {
        tighter: "-0.02em",
        tight: "-0.01em",
        normal: "0",
        wide: "0.01em",
        wider: "0.02em",
        widest: "0.4em",
      },
      minWidth: {
        "10": "2.5rem",
      },
      scale: {
        "98": ".98",
      },
    },
  },
  daisyui: {
    themes: [
      {
        light: {
          primary: "#5700ff",
          "primary-content": "#fff",
          secondary: "#ff7400",
          "secondary-content": "#000",
          accent: "#fd0000",
          neutral: "#28282e",
          "base-100": "#fefaff",
          "base-200": "#e1e2e9",
          "base-300": "#c5cad3",
          "base-content": "#000",
          info: "#00f5ff",
          success: "#00ff8b",
          warning: "#ff5100",
          error: "#ff0051",
        },
        dark: {
          primary: "#5900ff",
          "primary-content": "#fff",
          secondary: "#002eff",
          "secondary-content": "#fff",
          accent: "#006cff",
          neutral: "#060206",
          "base-100": "#292924",
          "base-200": "#2a2d2a",
          "base-300": "#2b3130",
          "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;