clatter/web/tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
  mode: "jit",
  theme: {
    extend: {
      colors: {
        "clatter-black": "#0c0a09",
        "clatter-gray": {
            100: "#292524",
            200: "#3e3938",
            300: "#4e4947",
            350: "#5a5553",
            400: "#6b6563",
            450: "#7c7674",
            500: "#9c9591",
            550: "#a9a4a1",
            600: "#b3adaa",
        }
      },
      borderRadius: {
        "4xl": "1.75rem",
        "5xl": "2.25rem",
      },
      padding: {
        "1.75": "0.4375rem",
      },
      fontFamily: {
        "lexend": ['"Lexend"', "sans-serif"],
      },
      margin: {
        "1.75": "0.4375rem",
      }
    },
  },
  plugins: [],
};