/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  theme: {
    extend: {
      colors: {
        paper: 'oklch(98.4% 0.008 28)',
        ink: 'oklch(19% 0.008 28)',
        muted: 'oklch(48% 0.012 28)',
        line: 'oklch(88% 0.011 28)',
        wash: 'oklch(94.8% 0.012 28)',
        burgundy: {
          50: 'oklch(96% 0.018 24)',
          100: 'oklch(91% 0.035 24)',
          600: 'oklch(43% 0.12 24)',
          700: 'oklch(36% 0.105 24)',
          900: 'oklch(24% 0.07 24)',
        },
      },
      fontFamily: {
        sans: ['Geist Sans', 'Geist Sans Fallback', 'system-ui', 'sans-serif'],
      },
      fontSize: {
        xs: ['0.75rem', { lineHeight: '1rem', letterSpacing: '0.02em' }],
        sm: ['0.875rem', { lineHeight: '1.25rem' }],
        base: ['1rem', { lineHeight: '1.625rem' }],
        lg: ['1.25rem', { lineHeight: '1.875rem' }],
        xl: ['1.625rem', { lineHeight: '2rem', letterSpacing: '-0.025em' }],
        '2xl': ['2.25rem', { lineHeight: '2.5rem', letterSpacing: '-0.045em' }],
        '3xl': ['clamp(2.75rem, 8vw, 5.75rem)', { lineHeight: '0.95', letterSpacing: '-0.07em' }],
      },
      boxShadow: {
        soft: '0 18px 50px rgb(62 25 20 / 0.09)',
      },
      transitionTimingFunction: {
        'out-quart': 'cubic-bezier(0.25, 1, 0.5, 1)',
      },
    },
  },
  plugins: [],
};
