import type { Config } from 'tailwindcss'
import typography from '@tailwindcss/typography'

export default {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        void: '#070B14',
        deck: '#0E1424',
        riser: '#131B2E',
        wire: '#1F2A45',
        'wire-lit': '#35486F',
        lamp: '#FFA524',
        flux: '#4FD1C5',
        rose: '#FF5C7A',
        dim: '#6B7DA5',
        chalk: '#DDE5F7',
      },
      fontFamily: {
        signage: ['var(--font-signage)', 'ui-sans-serif', 'system-ui'],
        plex: ['var(--font-plex)', 'ui-sans-serif', 'system-ui'],
        data: ['var(--font-data)', 'ui-monospace', 'monospace'],
      },
      letterSpacing: {
        signage: '0.02em',
      },
    },
  },
  plugins: [typography],
} satisfies Config