# React / Next.js
CSS directo, MUI o Tailwind. Los tokens están disponibles como JSON/ESM tipado.
## CSS global
`src/main.jsx`
```jsx
import './styles/magdalena.min.css'; // copiado de dist/css/
export default function Hero() {
return ;
}
```
## Material UI (MUI)
`src/theme.jsx`
```jsx
import { ThemeProvider, CssBaseline } from '@mui/material';
import magdalenaTheme from './magdalena-mui-theme.mjs'; // dist/mui/ (incluye magdalena-tokens.mjs)
```
## Next.js (app router)
`app/layout.tsx`
```tsx
import '../styles/magdalena.min.css';
export default function RootLayout({ children }) { return {children}; }
```