module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: "#2563eb",
        secondary: "#38bdf8",
        danger: "#f43f5e",
        surface: "#0f172a",
        "deep-ink": "#020617",
        "on-surface": "#f8fafc",
        "on-surface-variant": "#94a3b8",
      },
      fontFamily: {
        headline: ["Manrope", "Inter", "sans-serif"],
        body: ["Inter", "sans-serif"],
      },
      boxShadow: {
        panel: "0 24px 80px rgba(0, 0, 0, 0.35)",
      },
    },
  },
  plugins: [],
};