tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        page: "#F5F4F1",
        card: "#FAFAF8",
        line: "#E2DED9",
        primary: "#1B6B45",
        "primary-badge": "#155436",
        "primary-badge-bg": "#E8F4EE",
        muted: "#999892",
        body: "#555550",
        heading: "#1A1A17",
      },
      fontSize: {
        label: ["10px", { letterSpacing: "0.12em", lineHeight: "1.4" }],
        cell: ["13px", { lineHeight: "1.5" }],
        stat: ["28px", { letterSpacing: "-0.01em", lineHeight: "1.2" }],
        title: ["32px", { letterSpacing: "-0.01em", lineHeight: "1.2" }],
      },
      fontFamily: {
        serif: ["'Playfair Display'", "Georgia", "serif"],
      },
    },
  },
  plugins: [],
};