tailwind.config.js

const { fontFamily } = require("tailwindcss/defaultTheme");
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      aspectRatio: {
        "60/23": "60/23",
      },
      borderWidth: {
        0.5: "0.03125rem", 
      },
      colors: {
        primary: "#111827",
        secondary: "#9361FF",
        lightGrey: "#B8B8B8", 
      },
      fontFamily: {
        sans: ["var(--font-inter)", ...fontFamily.sans], 
      },
      fontSize: {
        2.5: "0.625rem", 
        5.5: "22px", 
        5.75: "1.4375rem", 
        6.46: "1.6171875rem", 
        7.18: "1.796875rem",
        8: "2rem", 
        11: "2.75rem", 
        sm: "0.875rem", 
        base: "1rem", 
      },
      letterSpacing: {
        0.1: "0.025rem", 
        0.25: "0.0625rem", 
        0.34: "0.0859375rem", 
        0.38: "0.09668rem", 
        0.42: "0.107421875rem", 
        0.45: "0.1125rem", 
        0.61: "0.15359375rem", 
      },
      lineHeight: {
        0.3: "1.21", 
        4.25: "1.05875rem", 
        5.5: "1.36125rem", 
        6.96: "1.74rem", 
        7.83: "1.9575rem",
        8.7: "2.175rem", 
        13.75: "3.4375rem", 
      },
      maxWidth: {
        33: "8.25rem", 
        38.75: "9.6875rem", 
        43.59: "10.898375rem", 
        48.25: "12.0625rem", 
        48.43: "12.109375rem", 
        48.5: "12.125rem", 
        54.56: "13.640625rem", 
        56: "14rem", 
        60: "15rem", 
        60.62: "15.15625rem", 
        61.59: "15.3984375rem", 
        62.5: "15.625rem", 
        67.2: "16.8rem", 
        72: "18rem", 
        87.5: "21.875rem", 
        113.05: "28.2638rem", 
        127.18: "31.79675rem", 
        134.8: "33.7rem", 
        141.31: "35.32975rem", 
        150: "37.5rem", 
        219.31: "54.828125rem", 
      },
      minWidth: {
        45.25: "11.3125rem", 
        53.25: "13.3125rem", 
        59.9: "14.9765625rem", 
        64: "16rem", 
        80: "20rem",
      },
      screens: {
        xs: "360px", 
        "1.5lg": "1150px", 
        "1.5xl": "1360px", 
      },
      spacing: {
        0.25: "0.0625rem", 
        0.75: "0.1875rem", 
        2.5: "0.625rem", 
        4.25: "1.0625rem", 
        4.5: "1.125rem", 
        5.6: "1.4rem", 
        9.75: "2.4375rem", 
        10.75: "2.6875rem", 
        13.25: "3.3125rem", 
        15.22: "3.8062rem", 
        17.9: "4.4938rem", 
        20.75: "5.1875rem", 
        20.8: "5.2rem", 
        25: "6.25rem", 
        36.5: "9.125rem", 
        45.75: "11.4375rem", 
        53.25: "13.3125rem", 
      },
      textDecorationThickness: {
        0.475: "0.11875rem", 
        0.8: "0.2rem", 
      },
      textUnderlineOffset: {
        0.625: "2.5008px",
        1.25: "5px", 
      },
    },
  },
  plugins: [],
};