:root {
  --color-primary: #7b3fe4 !important;
}

.login-container {
  background: linear-gradient(135deg, #7b3fe4 0%, #5a2d82 100%) !important;
}

button[type="submit"] {
  background-color: #7b3fe4 !important;
}

.MuiAppBar-root {
  background-color: #7b3fe4 !important;
}

/* Sidebar: fondo claro con texto oscuro */
.MuiDrawer-paper {
  background-color: #f5f5f5 !important;
  color: #333333 !important;
}

/* Forzar texto oscuro en elementos del menú */
.MuiDrawer-paper .menu-item,
.MuiDrawer-paper .settings-item,
.MuiDrawer-paper a,
.MuiDrawer-paper span,
.MuiDrawer-paper div,
.MuiDrawer-paper .MuiListItemText-primary,
.MuiDrawer-paper .MuiTypography-root {
  color: #333333 !important;
}

/* Iconos del menú */
.MuiDrawer-paper .material-icons,
.MuiDrawer-paper i,
.MuiDrawer-paper svg {
  color: #333333 !important;
  fill: #333333 !important;
}

/* Hover en elementos del menú */
.MuiDrawer-paper .menu-item:hover,
.MuiDrawer-paper .settings-item:hover {
  background-color: #e0e0e0 !important;
  color: #000000 !important;
}

/* Títulos y nombres de app */
.header-title,
.app-name {
  color: #7b3fe4 !important;
}