/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        paper: 'hsl(40, 20%, 98%)',
        ink: {
          DEFAULT: 'hsl(25, 3%, 15%)',
          muted: 'hsl(30, 5%, 45%)',
        },
        accent: 'hsl(220, 60%, 35%)',
        rule: 'hsl(30, 10%, 90%)',
      },
      fontFamily: {
        serif: ['Fraunces', 'Georgia', 'serif'],
        sans: ['Inter', 'system-ui', 'sans-serif'],
        mono: ['JetBrains Mono', 'monospace'],
      },
      borderRadius: {
        DEFAULT: '6px',
      },
    },
  },
  plugins: [],
};