/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        magenta: {
          DEFAULT: "#E20074",
          50: "#FFF0F7",
          100: "#FFE0EF",
          600: "#E20074",
          700: "#B8005E",
        },
        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: [],
};