tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.tsx"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        primary: "#0F1021",
        secondary: "#6cffed",
        tertiary: "#6b44d9",
        quaternary: "#1D1E3F",
        cardGradient: {
          primary: "#24264E",
          secondary: "#0F1021",
          tertiary: "#070810"
        },
        borderGradient: {
          primary: "#454992",
          secondary: "#262850"
        }
      },
      backgroundPosition: {
        "pos-0": "0% 0%",
        "pos-100": "100% 100%"
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))"
      },
      backgroundSize: {
        "size-200": "200% 200%"
      }
    },
    fontFamily: {
      poppins: ["Poppins", "sans-serif"],
      gilroy: ["GILROY", "sans-serif"],
      "gilroy-bold": ["GILROY_BOLD", "sans-serif"],
      jetBrains: ["JetBrains Mono", "sans-serif"]
    },
  },
  plugins: [
    function ({ addVariant }) {
        addVariant('child', '& > *');
    }
],
};