tailwind.config.ts

import type { Config } from "tailwindcss";

export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        beige: {
          100: "#F8F4F0",
          500: "#98908B",
        },
        grey: {
          100: "#F2F2F2",
          300: "#B3B3B3",
          500: "#696868",
          900: "#201F24",
        },
        purple: {
          100: "#AFB1BA",
          400: "#826CB0",
        },
        green: "#277C78",
        yellow: "#F2CDAC",
        cyan: "#82C9D7",
        navy: "#626070",
        red: "#C94736",
        turquoise: "#597C7C",
        brown: "#93674F",
        magenta: "#934F6F",
        blue: "#3F62B2",
        navyGrey: "#97A0AC",
        armyGreen: "#7F9161",
        gold: "#CAB361",
        orange: "#BE6C49",
      },
      fontFamily: {
        publicSans: ["Public Sans", "sans-serif"],
      },
      fontSize: {
        "preset-1": ["2rem", { lineHeight: "1.2", fontWeight: "700" }],
        "preset-2": ["1.25rem", { lineHeight: "1.2", fontWeight: "700" }],
        "preset-3": ["1rem", { lineHeight: "1.5", fontWeight: "700" }],
        "preset-4": ["0.875rem", "1.5"],
        "preset-5": ["0.75rem", "1.5"],
      },
      textUnderlineOffset: {
        "3": "3px",
      },
    },
  },
  plugins: [],
} satisfies Config;