import type { Config } from 'tailwindcss'; // eslint-disable-next-line @typescript-eslint/no-require-imports const sharedUiPreset = require('../../packages/shared-ui/tailwind-preset'); const config: Config = { darkMode: ['class'], content: [ './app/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}', '../../packages/shared-ui/src/**/*.{js,ts,jsx,tsx}', ], presets: [sharedUiPreset], theme: { extend: { // Breakpoints custom para pantallas wide/ultra-wide. Defaults Tailwind // terminan en `2xl: 1536px`. Sin esto, layouts con `lg:grid-cols-N` se // estancan en N columnas a 2560px y dejan whitespace lateral grande. screens: { '3xl': '1920px', '4xl': '2560px', }, colors: { border: 'hsl(var(--border))', input: 'hsl(var(--input))', ring: 'hsl(var(--ring))', background: 'hsl(var(--background))', foreground: 'hsl(var(--foreground))', primary: { DEFAULT: 'hsl(var(--primary))', foreground: 'hsl(var(--primary-foreground))', }, secondary: { DEFAULT: 'hsl(var(--secondary))', foreground: 'hsl(var(--secondary-foreground))', }, destructive: { DEFAULT: 'hsl(var(--destructive))', foreground: 'hsl(var(--destructive-foreground))', }, muted: { DEFAULT: 'hsl(var(--muted))', foreground: 'hsl(var(--muted-foreground))', }, accent: { DEFAULT: 'hsl(var(--accent))', foreground: 'hsl(var(--accent-foreground))', }, card: { DEFAULT: 'hsl(var(--card))', foreground: 'hsl(var(--card-foreground))', }, success: { DEFAULT: 'hsl(var(--success))', foreground: 'hsl(var(--success-foreground))', }, }, borderRadius: { lg: 'var(--radius)', md: 'calc(var(--radius) - 2px)', sm: 'calc(var(--radius) - 4px)', }, }, }, plugins: [], }; export default config;