import typography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./content/**/*.{njk,md,html,liquid,11ty.js}', './includes/**/*.njk', './data/**/*.js'],
  theme: {
    extend: {
      colors: {
        void: '#05070a', // page background
        panel: '#111820', // interior content panel
        cyan: { glow: '#00aeff', hot: '#00ffff' }, // legacy nav glow (rest / hover)
        amber: { DEFAULT: '#e8a400', bevel: '#d79300', bright: '#f1a400' },
        play: { DEFAULT: '#008000', bevel: '#007000' },
        help: { DEFAULT: '#d00000', bevel: '#800000' },
      },
      fontFamily: {
        display: ['Promethean', 'Impact', 'Helvetica', 'sans-serif'],
        sans: ['Helvetica', 'Arial', 'system-ui', 'sans-serif'],
      },
    },
  },
  plugins: [typography],
}