/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        ink: {
          50: "#f7f7f8",
          100: "#eeeef0",
          200: "#d8d8dd",
          300: "#b6b6bf",
          400: "#8c8c99",
          500: "#6b6b78",
          600: "#52525c",
          700: "#3f3f47",
          800: "#2a2a31",
          900: "#1a1a1f",
          950: "#0e0e12",
        },
        accent: {
          50: "#fff8eb",
          100: "#ffeac8",
          200: "#ffd28b",
          300: "#ffb44e",
          400: "#ff9924",
          500: "#f97316",
          600: "#db5509",
          700: "#b63d0a",
          800: "#92310f",
          900: "#782a10",
        },
      },
      fontFamily: {
        serif: ["'Source Serif Pro'", "Georgia", "serif"],
        sans: ["Inter", "system-ui", "sans-serif"],
      },
    },
  },
  plugins: [],
};