tailwind.config.js

module.exports = {
  mode: "jit",
  content: [
    "./src/**/**/*.{js,ts,jsx,tsx,html,mdx}",
    "./src/**/*.{js,ts,jsx,tsx,html,mdx}",
  ],
  darkMode: "class",
  theme: {
    screens: {
      sm: { min: "200px", max: "767px" },
      md: { min: "768px", max: "991px" },
    },
    extend: {
      colors: {
        bluegray_51: "#eaecf0",
        bluegray_50: "#eeeff0",
        deep_orange_A200: "#fa6541",
        light_blue_300: "#51b7f3",
        blue_A400: "#1f76ff",
        gray_600_19: "#7c7c7c19",
        indigo_A100: "#85a0f0",
        black_900: "#04070c",
        black_901: "#000000",
        gray_501: "#979797",
        gray_600: "#7d7d7d",
        gray_502: "#a5a5a5",
        gray_601: "#848484",
        gray_400: "#bdbdbd",
        gray_103: "#f6f7f8",
        gray_301: "#dadada",
        gray_500: "#a4a4a4",
        gray_302: "#e3e3e3",
        indigo_600_0a: "#365d960a",
        bluegray_500_3d: "#757e8a3d",
        gray_800: "#4f4f4f",
        gray_503: "#9b9b9b",
        gray_900: "#131a29",
        gray_801: "#3f444a",
        bluegray_100: "#d9d9d9",
        gray_200: "#eeeeee",
        gray_101: "#f1f5fa",
        gray_300: "#dddfe2",
        gray_102: "#f3f5fe",
        gray_100: "#f2f2f2",
        bluegray_900: "#262b35",
        indigo_201: "#83a5d6",
        bluegray_700: "#424c5d",
        indigo_100: "#c7d5eb",
        bluegray_403: "#8d8d8d",
        black_900_99: "#00000099",
        bluegray_402: "#898989",
        indigo_200: "#83a4d5",
        bluegray_500: "#757e8a",
        bluegray_401: "#75839d",
        bluegray_400: "#74839d",
        bluegray_102: "#d6dae2",
        bluegray_101: "#cdcfd4",
        indigo_700: "#224e93",
        white_A700: "#ffffff",
        indigo_600: "#365d96",
      },
      borderRadius: {
        radius4: "4px",
        radius6: "6px",
        radius8: "8px",
        radius12: "12px",
        radius25: "2.5px",
        radius50: "50%",
        radius483: "4.83px",
      },
      boxShadow: {
        bs: "0px 0px  4px 4px #757e8a3d",
        bs1: "0px 12px  31px 0px #7c7c7c19",
      },
      borderWidth: { bw06: "0.6px", bw083: "0.83px", bw133: "1.33px" },
      fontFamily: { inter: "Inter" },
    },
  },
  plugins: [require("@tailwindcss/forms")],
};