/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        magenta: {
          DEFAULT: "#F43F5E",
          50: "#FFF1F2",
          100: "#FFE4E6",
          600: "#F43F5E",
          700: "#BE123C",
        },
        surface: {
          DEFAULT: "#FFFFFF",
          muted: "#F2F2F2",
          dark: "#1A1A1A",
        },
        border: {
          DEFAULT: "#E5E5E5",
        },
        txt: {
          DEFAULT: "#1A1A1A",
          muted: "#666666",
          inverse: "#FFFFFF",
        },
      },
      fontFamily: {
        sans: ['"Inter"', '"Roboto"', "system-ui", "sans-serif"],
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
};