import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/app/**/*.{ts,tsx}",
    "./src/components/**/*.{ts,tsx}",
    "./src/lib/**/*.{ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        bg: "var(--color-bg)",
        "bg-soft": "var(--color-bg-soft)",
        brand: {
          DEFAULT: "#001D22",
          light: "#002a31",
        },
        green: {
          DEFAULT: "var(--color-accent-green)",
          light: "var(--color-accent-green-light)",
        },
        amber: {
          DEFAULT: "var(--color-accent-amber)",
          light: "var(--color-accent-amber-light)",
        },
        border: "var(--color-border-subtle)",
      },
      borderRadius: {
        card: "var(--radius-card)",
      },
      boxShadow: {
        card: "0 14px 38px rgba(0, 29, 34, 0.08)",
        "card-hover": "0 20px 50px rgba(0, 29, 34, 0.14)",
      },
    },
  },
  plugins: [],
};

export default config;
