/** @type {import('tailwindcss').Config} */
// "ledgr" soft-fintech theme: periwinkle-purple primary, lavender tints, navy accents,
// white floating cards on a soft lavender-grey canvas, big radii, gentle shadows.
export default {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: { DEFAULT: "#6D5DE8", 600: "#5B4BD8", 700: "#4C3EC4", soft: "#ECEAFC" },
        lavender: { DEFAULT: "#C9C3F5", soft: "#E7E5FB" },
        navy: { DEFAULT: "#20263F", 600: "#171C30" },
        accent: { DEFAULT: "#6D5DE8", 500: "#6D5DE8" }, // alias -> purple
        ink: "#1E2233",
        subink: "#4B5065",
        muted: "#868AA0",
        faint: "#A7ABBC",
        line: "#ECECF2",
        line2: "#F2F2F6",
        panel: "#FFFFFF",
        canvas: "#EBEAF1",
        sidebar: "#FFFFFF",
        ok: "#2FA875", okbg: "#E4F5EE",
        warn: "#B37A1B", warnbg: "#FAF0DA",
        bad: "#E0464B", badbg: "#FBE7E8",
        neutral: "#868AA0", neutralbg: "#F1F1F6",
      },
      fontFamily: {
        sans: ["Fira Sans", "system-ui", "sans-serif"],
        mono: ["Fira Code", "ui-monospace", "monospace"],
      },
      borderRadius: { xl: "0.75rem", "2xl": "1.1rem", "3xl": "1.6rem" },
      boxShadow: {
        card: "0 1px 2px rgba(24,24,50,0.04), 0 6px 22px rgba(24,24,50,0.05)",
        pop: "0 10px 40px rgba(24,24,50,0.10)",
      },
    },
  },
  plugins: [],
};