import type { Config } from 'tailwindcss'; export default { content: ['./src/**/*.{html,js,svelte,ts}'], // Fase 9.1: drive dark mode from so the inline // anti-FOUC script in app.html can set the attribute synchronously before // the first paint. Existing `dark:` utilities keep working as-is. darkMode: ['selector', '[data-theme="dark"]'], theme: { extend: { fontFamily: { sans: ['Inter', 'system-ui', 'sans-serif'] }, colors: { // Semantic aliases — "The Monolith Editorial" surface hierarchy. // Use background shifts (never 1px borders) to separate major UI areas. background: 'rgb(var(--background) / )', 'surface-container-low': 'rgb(var(--surface-container-low) / )', surface: 'rgb(var(--surface) / )', 'surface-raised': 'rgb(var(--surface-raised) / )', // Text hierarchy 'text-primary': 'rgb(var(--text-primary) / )', 'text-secondary': 'rgb(var(--text-secondary) / )', 'text-muted': 'rgb(var(--text-muted) / )', // Only non-slate color allowed in the system destructive: 'rgb(var(--destructive) / )' } } }, plugins: [] } satisfies Config;