tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    fontFamily: {
      display: ["'Inter', sans-serif"],
      body: ["'Inter', sans-serif"],
      sans: ["'Inter', sans-serif"]
    },
    screens: {
      mobile: "320px",
      tablet: "640px",
      largeTablet: "840px",
      laptop: "1024px",
      desktop: "1280px",
      _2k: "2000px"
    },
    extend: {
      colors: {
        gray50: "#C8C8C8",
        gray100: "#f6f5f0",
        gray105: "#F8F9FA",
        gray110: "#D8DADB",
        gray120: "#C5C5C5",
        gray150: "#8C8C8C",
        gray300: "#595959",
        gray200: "#E5E5E5",
        gray400: "#333333",
        gray550: "#11181C",
        bgGray: "#F9F9F9",
        bgWhite: "#FCFCFC",
        blueAccent: "#2379EC",
        lightBlue: "#308CE0",
        darkBlue: "#3452BC",
        twitterBlue: "#0EA0DA",
        lightOrange: "#F18A21",
        darkOrange: "#ED5332",
        darkBG: "#11181C",
        brandYellow: "#FCB60A",
        brandRed: "#ED5332",
        brandOrange: "#ED6A32",
        textPrimary: "#FFF9ED",
        footerBG: "rgba(248, 114, 22, 0.07)",
        footerDividerColor: "rgba(248, 114, 22, 0.07)",
        mm_secondary: "#ffc400",
        mm_primary: "rgb(164 40 188)",
        primary: "#a428bc",
        secondary: "#ffc400"
      },
      fontFamily: {
        primary: "'Inter', sans-serif",
        inter: "'Inter', sans-serif",
        secondary:
          'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'
      },
      backgroundImage: {
        vercel: "url('/vercel.svg')"
      }
    }
  },
  plugins: []
};