/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        paper: "#F5F0E6",
        "paper-deep": "#EBE4D4",
        "paper-edge": "#DCD3BE",
        ink: "#2563EB",
        "ink-muted": "#7B8AB0",
        "ink-faint": "#B4BCCE",
        signal: "#1D4ED8",
        "signal-quiet": "#E3EAF5",
        ok: "#3E6B4A",
        warn: "#8B6914",
        fail: "#8A3324",
      },
      fontFamily: {
        display: ['"Fraunces"', '"GT Sectra"', "Georgia", "serif"],
        sans: ['"Inter"', '"Söhne"', "system-ui", "-apple-system", "sans-serif"],
        mono: ['"JetBrains Mono"', '"Berkeley Mono"', "ui-monospace", "monospace"],
      },
      fontSize: {
        // Paper scale — ratio 1.25, capped hard
        xs: ["12px", { lineHeight: "1.45" }],
        sm: ["14px", { lineHeight: "1.5" }],
        base: ["15px", { lineHeight: "1.55" }],
        lg: ["17px", { lineHeight: "1.5" }],
        xl: ["22px", { lineHeight: "1.35" }],
        "2xl": ["32px", { lineHeight: "1.2" }],
        "3xl": ["48px", { lineHeight: "1.05" }],
        "4xl": ["72px", { lineHeight: "1.0", letterSpacing: "-0.02em" }],
      },
      borderRadius: {
        none: "0",
        sm: "2px",
        DEFAULT: "4px",
        md: "4px",
        lg: "6px",
        pill: "999px",
      },
      boxShadow: {
        paper:
          "0 1px 0 rgba(26,23,20,0.04), 0 1px 3px rgba(26,23,20,0.06)",
        lift:
          "0 2px 6px rgba(26,23,20,0.08), 0 8px 24px rgba(26,23,20,0.08)",
      },
      transitionTimingFunction: {
        paper: "cubic-bezier(0.16, 1, 0.3, 1)",
        crisp: "cubic-bezier(0.2, 0.0, 0.0, 1.0)",
      },
      transitionDuration: {
        fast: "160ms",
        base: "320ms",
        paper: "480ms",
      },
    },
  },
  plugins: [],
};