import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: "class",
  content: [
    "./app/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        display: ["var(--font-display)", "serif"],
        body: ["var(--font-body)", "sans-serif"],
      },
      colors: {
        ink: {
          50: "#f6f6f5",
          100: "#e7e6e3",
          200: "#cfccc6",
          400: "#8a857c",
          600: "#4a453d",
          800: "#26221c",
          900: "#171410",
        },
        brand: {
          DEFAULT: "#a4231c", // masthead red — newsroom, not templated terracotta
          dark: "#7a1a15",
          light: "#c9433b",
        },
        wire: "#0f6e5f", // "breaking" / live accent, kept distinct from brand red
      },
      borderRadius: {
        card: "6px",
      },
    },
  },
  plugins: [],
};

export default config;