/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        // Per-game theme, set as CSS variables from the YAML `theme` block.
        primary: 'rgb(var(--primary) / <alpha-value>)',
        accent: 'rgb(var(--accent) / <alpha-value>)',
        bg: 'rgb(var(--bg) / <alpha-value>)',
        // Role colours: A is warm, B is cool.
        roleA: '#f5b942',
        roleB: '#2dd4bf',
      },
      // Noto Sans Symbols 2 covers the Braille and alchemy symbols (⠍ ☉ ♄ ☿) the clues use.
      fontFamily: {
        display: ['var(--heading-font)', 'Playfair Display', 'Georgia', 'Noto Sans Symbols 2', 'serif'],
        serif: ['Playfair Display', 'Georgia', 'Noto Sans Symbols 2', 'serif'],
        sans: ['Inter', 'system-ui', 'Noto Sans Symbols 2', 'sans-serif'],
        hand: ['Caveat', 'Noto Sans Symbols 2', 'cursive'],
        mono: ['JetBrains Mono', 'ui-monospace', 'Noto Sans Symbols 2', 'monospace'],
        // Twin Rooms: the same emoji glyphs on both phones.
        emoji: ['Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'sans-serif'],
      },
    },
  },
  plugins: [],
};