import type { Config } from "tailwindcss";

const {nextui} = require("@nextui-org/react");


const config: Config = {
  content: [

    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      backgroundImage: {
        "gradient-linear-green": "linear-gradient(180deg, #92E727 0%, #000000 100%)",
        "cars": "url(\"/banner.png\")",
        "oil-type": "url(\"/oilTypeImage.png\")"
      },
      colors: {
        "green-1": "#B3C53F",
        "green-2": "#92E727",
        "yellow-1": "#FFD235",
        "gray-1": "#ccc",
        "gray-2": "#cacaca",
        "black-1": "#000",
        "black-2": "#262626",
      },
      fontSize: {
        "header-link": "1.0625rem",
        "header-phone": '1rem',
        "title-1": "5rem",
        "title-2": "4.375rem",
        "title-3": "2.1875rem",
        "title-4": "2.5rem",
        "title-5": "1.25rem",

        "subtitle-1": "2.0625rem",
        "subtitle-2": "1.75rem",
        "subtitle-3": "1.1875rem",
        "subtitle-4": "1rem",
        "subtitle-5": "0.875rem",

        base: "1rem",
      },
      fontFamily: {
        mulish: ["var(--font-mulish)", "sans-serif"],
      }
    },
  },
  plugins: [nextui(
      {themes: {
          light: {
            colors: {
              "primary": "#92E727",
              "secondary": '#fff',
              "green-1": "#B3C53F",
              "green-2": "#92E727",
              "yellow-1": "#FFD235",
              "gray-card": "#F7F6F8",
              "gray-1": "#ccc",
              "gray-2": "#cacaca",
              "gray-3": "#787878",
              "gray-4": "rgb(74 74 74)",
              "black-1": "#000",
              "black-2": "#262626",
              "black-3": "#151515",
              "black-4": "#1D1D1E",
              "warning": "#FFD235",
            },
          },
        }}
  )],
};
export default config;