// compiles the appview's input.css for the docs site. we can't require
// the root tailwind.config.js here (it resolves its plugins from the
// standalone tailwind CLI in the nix build), so the font stacks are
// duplicated from it. differences from the appview config:
// - scans the docs sources instead of appview templates
// - keys dark mode off starlight's data-theme attribute instead of
//   prefers-color-scheme, so the theme toggle works
// - disables preflight: starlight ships its own reset

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{astro,html,md,mdx}"],
  darkMode: ["class", '[data-theme="dark"]'],
  corePlugins: {
    preflight: false,
  },
  theme: {
    extend: {
      fontFamily: {
        sans: ["InterVariable", "system-ui", "sans-serif", "ui-sans-serif"],
        mono: [
          "IBMPlexMono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "Courier New",
          "monospace",
        ],
      },
    },
  },
};
