/** @type {import('tailwindcss').Config} */
const plugin = require("tailwindcss/plugin");
export default {
  content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./*.{js,vue,ts}",
    "./initialize/**/*.js",
    "./initialize/*.js",
  ],
  theme: {
    container: {
      center: true,
    },
    screens: {
      sm: "641px",
      md: "767px",
      lg: "1025px",
      xl: "1281px",
      "2xl": "1557px",
    },
    extend: {
      colors: {
        primary: {
          100: '#AFD6BB',
          200: '#87C29A',
          300: '#5FAD78',
          400: '#379956',
          500: '#43E97B',
          600: '#47B556', 
          700: '#163D22',
          800: '#0B1F11',
          900: '#0B1F11',
        },
        gray: {
          100: "#FAFAFA",
          200: "#F2F2F2",
          300: "#E5E5E5",
          400: "#B2B2B2",
          500: "#999999",
          550: "#8C8C8C",
          600: "#7F7F7F",
          700: "#4C4C4C",
          800: "#333333",
          900: "#191919",
        },
        error: {
          100: "#EBCCCC",
          200: "#D69999",
          300: "#C26767",
          400: "#AD3434",
          500: "#990101",
        },
        success: {
          100: "#CCEBCD",
          200: "#CCEBCD",
          300: "#CCEBCD",
          400: "#CCEBCD",
          500: "#CCEBCD",
        },
      },
      borderRadius: {
        ten: "10px",
      },
      fontFamily: {
        vazir: ["vazir"],
        "iran-sans": ["iran-sans"],
        poppins: ["poppins"],
      },
    },
  },
  plugins: [
    plugin(function ({ addUtilities }) {
      addUtilities({
        ".rtl": {
          direction: "rtl",
        },
        ".ltr": {
          direction: "ltr",
        },
        ".text-wrap": {
          "text-wrap": "wrap",
        },
      });
    }),
  ],
  corePlugins: {
    preflight: true,
  },
};