tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Poppins"],
        serif: ["Latin CG Bold"],
        mono: ["Inconsolata"],
      },
      fontSize: {
        "3.5xl": ["2rem", "2.375rem"],
        "4.5xl": ["2.625rem", 1],
        "5.5xl": ["3.375rem", 1],
        "10xl": "10rem",
        "11xl": "11rem",
        "12xl": "12rem",
        "13xl": "13rem",
        "14xl": "14rem",
        "2xs": ["0.625rem", "0.75rem"],
      },
      screens: {
        // 'sm': '640px',
        // 'md': '768px',
        // 'lg': '1024px',
        // 'xl': '1280px',
        // '2xl': '1536px',
        "3xl": "1792px",
        "4xl": "2048px",
        "5xl": "2304px",
        "6xl": "2560px",
        "7xl": "2816px",
        "8xl": "3072px",
        "9xl": "3328px",
        "10xl": "3584px",
      },
      spacing: {
        84: "21rem",
        88: "22rem",
        92: "23rem",
        104: "26rem",
        112: "28rem",
        120: "30rem",
        128: "32rem",
        144: "36rem",
        160: "40rem",
        176: "44rem",
        192: "48rem",
        208: "52rem",
        224: "56rem",
        240: "60rem",
        256: "64rem",
        288: "72rem",
        304: "76rem",
        320: "80rem",
        336: "84rem",
        352: "88rem",
        368: "92rem",
        384: "96rem",
        448: "112rem",
        512: "128rem",
      },
    },
  },
  plugins: [],
};