/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./app/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {
      colors: {
        brand: "#A8C73A",
        "brand-deep": "#93B22E",
        "brand-text": "#748E22",
        "brand-soft": "#ECF4D8",
        "brand-wash": "#F6FAEC",
        ink: "#101410",
        "ink-secondary": "#5B6157",
        muted: "#5B6157",
        subtle: "#8A9188",
        page: "#F7F8F5",
        surface: "#FFFFFF",
        "surface-alt": "#F1F3EC",
        line: "#E9ECE2",
        danger: "#D64545",
        warn: "#E0870F",
        accent: "#E0870F",
        info: "#2F6FED",
      },
      borderRadius: {
        card: "20px",
        pill: "999px",
      },
      fontFamily: {
        sans: ["Jakarta_400Regular"],
        medium: ["Jakarta_500Medium"],
        semibold: ["Jakarta_600SemiBold"],
        bold: ["Jakarta_700Bold"],
        extrabold: ["Jakarta_800ExtraBold"],
      },
    },
  },
  plugins: [],
};