import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        // Base: near-black ink & bone paper — not the AI-cream/terracotta default.
        ink: {
          950: "#0E1116",
          900: "#141821",
          800: "#1C2129",
          700: "#272E39",
          600: "#3A4453",
        },
        bone: {
          50: "#F6F5F1",
          100: "#ECEAE3",
        },
        // Signal accent used ONLY for score/verdict — a saturated signal amber,
        // not the templated terracotta/acid-green pair.
        signal: {
          DEFAULT: "#F2B705",
          dim: "#B98A00",
        },
        // Platform tags get their own muted hues instead of one flat accent.
        platform: {
          pc: "#5B8DEF",
          android: "#7BC96F",
          ios: "#B6B6BE",
          ps: "#5A78E0",
          xbox: "#6FBF73",
        },
      },
      fontFamily: {
        display: ["var(--font-display)"],
        body: ["var(--font-body)"],
      },
      maxWidth: {
        prose: "72ch",
      },
    },
  },
  plugins: [],
};
export default config;