tailwind.config.js

/** @type {import('tailwindcss').Config} */
/** @type {import('tailwindcss').Config} */
const { fontFamily } = require("tailwindcss/defaultTheme");

module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    fontFamily: {
      sans: ["var(--font-inter)", ...fontFamily.sans],
      title: ["var(--font-montserrat)", ...fontFamily.sans],
    },
    colors: {
      dark: {
        default: "#23272B",
        100: "#95A5A6",
        200: "#7B7B7B",
        300: "#343639",
        400: "#282A2E",
        500: "#202225",
        600: "#15171a",
      },
      transparent: "transparent",
      white: "#FFFFFF",
      // blurple: "#404EED",
      blue: "#4421DB",
      green: "#6ADBC6",
      darkGreen: "#3AA55D",
      red: "#FF7ABC",
      danger: "#eb4545",
      yellow: "#f7ac00",
    },
    extend: {
      zIndex: {
        "-1": "-1",
        1: "1",
      },
    },
  },
  plugins: [],
};