tailwind.config.js

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ["IBM Plex Sans", "Helvetica Neue", "ui-sans-serif", "system-ui"],
        serif: ["IBM Plex Serif", "ui-serif", "Georgia"],
        mono: [
          "IBM Plex Mono",
          "Menlo",
          "DejaVu Sans Mono",
          "Bitstream Vera Sans Mono",
          "ui-monospace",
          "SFMono-Regular",
        ],
        LibreFranklin: ["Libre Franklin", "ui-sans-serif"],
        PlayfairDisplay: ["Playfair Display", "ui-serif"],
      },
      fontSize: {
        xs: ["10px", "18px"],
        sm: ["12px", "20px"],
        base: ["18px", "24px"],
        lg: ["16px", "24px"],
        xl: ["24px", "36px"],
        "2xl": ["30px", "45px"],
        "3xl": ["42px", "54px"],
        "4xl": ["68px", "55px"],
        "5xl": ["68px", "96px"],
        "6xl": ["90px", "96px"],
      },
    },
  },
  plugins: [
    require("@tailwindcss/aspect-ratio"),
    require("@tailwindcss/typography"),
  ],
};

// co2 FFC784