import { createTheme } from '@mui/material/styles';
import { esES } from '@mui/material/locale'; // Importar localización español

// Paleta similar a la que definiste para MaterialSkin
const theme = createTheme({
  palette: {
    primary: {
      main: '#607d8b', // BlueGrey 500
      light: '#8eacbb',
      dark: '#34515e', // Un poco más oscuro que BlueGrey 700
    },
    secondary: {
      main: '#455a64', // BlueGrey 700
      light: '#718792',
      dark: '#1c313a', // BlueGrey 900
    },
    background: {
      default: '#eceff1', // BlueGrey 50 (similar a LightBlue50)
      paper: '#ffffff', // Blanco para superficies como cards
    },
    // El Accent de MaterialSkin es más difícil de mapear directamente,
    // puedes usar 'secondary' o definir colores personalizados si es necesario.
    // Usaremos secondary por ahora.
    // text: { // MUI infiere esto, pero puedes forzar blanco si es necesario
    //   primary: '#ffffff',
    //   secondary: 'rgba(255, 255, 255, 0.7)',
    // },
  },
  typography: {
    // Puedes personalizar fuentes aquí si lo deseas
    fontFamily: 'Roboto, Arial, sans-serif',
  },
  // Añadir localización
}, esES); // Pasar el objeto de localización

export default theme;