/** * Tailwind CSS v4 Configuration * * Note: Tailwind v4 uses CSS-first configuration via @theme directive. * Font size utilities (text-xs, text-sm, text-base, etc.) are automatically * generated from CSS variables defined in: * - apps/web/src/index.css (@theme inline block) * * The following text size utilities are available: * - text-xs (0.75rem / 12px) * - text-sm (0.875rem / 14px) * - text-base (1rem / 16px) * - text-lg (1.125rem / 18px) * - text-xl (1.25rem / 20px) * - text-2xl (1.5rem / 24px) * - text-3xl (1.875rem / 30px) * - text-4xl (2.25rem / 36px) * - text-5xl (3rem / 48px) * * These utilities are already defined and working via CSS variables. * No additional configuration is needed for text size utilities. */ import type { Config } from 'tailwindcss'; const config: Config = { // Tailwind v4 uses CSS-first configuration // All theme values are defined in apps/web/src/styles/design-tokens.css // via the @theme directive content: [ './index.html', './src/**/*.{js,ts,jsx,tsx}', ], }; export default config;