/**
 * Tailwind CSS 3.x configuration.
 *
 * Brand colours are wired to CSS custom properties that Hugo injects into
 * :root from data/brand.yaml (see assets/css/main.css). This means utility
 * classes like `bg-primary` / `text-primary` automatically reflect the brand
 * without any template edits — change data/brand.yaml and rebuild.
 */
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./layouts/**/*.html",
    "./content/**/*.{html,md}",
  ],
  theme: {
    extend: {
      colors: {
        // Mapped to RGB-channel CSS vars injected from data/brand.yaml so that
        // Tailwind opacity modifiers (e.g. bg-primary/10) work correctly.
        primary: "rgb(var(--brand-primary-rgb) / <alpha-value>)",
        secondary: "rgb(var(--brand-secondary-rgb) / <alpha-value>)",
        "primary-contrast": "rgb(var(--brand-primary-contrast-rgb) / <alpha-value>)",
      },
      fontFamily: {
        sans: [
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "Roboto",
          "Helvetica",
          "Arial",
          "sans-serif",
        ],
      },
      maxWidth: {
        prose: "72ch",
      },
    },
  },
  plugins: [],
};