/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html"],
  theme: {
    extend: {
      colors: {
        "brand-ink": "#201824",
        "brand-primary": "#603F57",
        "brand-accent": "#F762B4",
        "brand-sunrise": "#F8B84A",
        "brand-emerald": "#39B982",
        "brand-snow": "#F5F2F7",
        "brand-smoke": "#E5DCE8",
      },
      fontFamily: {
        brand: ["system-ui", "-apple-system", "Segoe UI", "sans-serif"],
      },
      boxShadow: {
        brand: "0 20px 60px rgba(32, 24, 36, 0.15)",
      },
      backgroundImage: {
        "hero-gradient":
          "radial-gradient(circle at top left, rgba(247,98,180,0.35), rgba(32,24,36,0.95))",
      },
    },
  },
  plugins: [],
};