tailwind.config.cjs

// SPDX-License-Identifier: Apache-2.0
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{ts,tsx,js,jsx,mdx}"],
  theme: {
    extend: {
      colors: {
        bg: "var(--bg)",
        fg: "var(--fg)",
        muted: "var(--muted)",
        border: "var(--border)",
        brand: "var(--brand)",
        "brand-contrast": "var(--brand-contrast)",
        card: "var(--card)",
        "card-fg": "var(--card-fg)",
        accent: "var(--accent)",
        "accent-contrast": "var(--accent-contrast)",
      },
      borderRadius: { xl: "var(--radius)", "2xl": "calc(var(--radius) + 6px)" },
      boxShadow: { soft: "var(--shadow)" },
      maxWidth: { screen: "var(--maxw)" }
    },
  },
  plugins: [],
};