/** @type {import('tailwindcss').Config} */
module.exports = {
  // Source files Tailwind scans for class usage. Keep this list tight —
  // anything outside it produces zero CSS.
  content: [
    './web/templates/**/*.html',
  ],
  theme: {
    extend: {
      fontFamily: {
        // Used by `class="font-sans"` / `class="font-mono"`. Most code
        // reaches for the explicit `.mono` component class instead.
        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'ui-monospace', 'monospace'],
      },
      colors: {
        // Semantic tokens — match :root in web/styles/input.css.
        // Tailwind utilities like `text-ink`, `bg-panel` resolve here.
        bg:          'oklch(0.17 0.006 250)',
        panel:       'oklch(0.20 0.007 250)',
        'panel-hi':  'oklch(0.23 0.008 250)',
        line:        'oklch(0.27 0.010 250)',
        'line-soft': 'oklch(0.23 0.008 250)',
        ink: {
          DEFAULT: 'oklch(0.96 0.005 250)',
          mid:     'oklch(0.78 0.005 250)',
          mute:    'oklch(0.58 0.006 250)',
          fade:    'oklch(0.42 0.006 250)',
        },
        ok:    'oklch(0.78 0.14 155)',
        warn:  'oklch(0.82 0.13 80)',
        bad:   'oklch(0.70 0.20 25)',
        off:   'oklch(0.50 0.005 250)',
        accent:'oklch(0.82 0.12 195)',
      },
    },
  },
  plugins: [],
};