tailwind.config.ts

import type { Config } from "tailwindcss";

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}",
  ],
  theme: {
    extend: {
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
      colors: {
        system: {
          indigo10: "200647",
          indigo15: "1f0974",
          indigo20: "321d71",
          indigo30: "2f2cb7",
          indigo40: "3a49da",
          indigo50: "5867e8",
          indigo60: "e53ded",
          indigo65: "8e9bef",
          indigo70: "9ea9f1",
          indigo80: "bec7f6",
          indigo90: "e0e5f8",
          indigo95: "f1f3fb",

          purple10: "#240643",
          purple15: "#300b60",
          purple20: "#401075",
          purple30: "#5a1ba9",
          purple40: "#7526e3",
          purple50: "#9050e9",
          purple60: "#ad7bee",
          purple65: "#b78def",
          purple70: "#c29ef1",
          purple80: "#d7bff2",
          purple90: "#ece1f9",
          purple95: "#f6f2fb",

          green10: "#071b12",
          green15: "#0c2912",
          green20: "#1c3326",
          green30: "#194e31",
          green40: "#396547",
          green50: "#2e844a",
          green60: "#3ba755",
          green65: "#41b658",
          green70: "#45c65a",
          green80: "#91db8b",
          green90: "#cdefc4",
          green95: "#ebf7e6",
          green100: "#202b23",
        },
      },
    },
  },
  plugins: [],
};
export default config;