@charset "UTF-8";
/* CSS Document */
body {
  background-color: #D4D4D4;
  color: #000000;
}

a {
  color: blue; /* Esto se mantiene igual en ambos modos */
}

.dark-mode {
  background-color: #111111;
  color: #cccccc;
}

#toggleMode {
  background-color: #0F0; /* Verde neón, pero puedes elegir el color que prefieras */
  border: 2px solid #d4d4d4; /* Tu color de borde elegido */
  color: "#101010";
  padding: 2px 8px 2px 8px;/* Reduce el padding para un botón más pequeño */
  font-size: 12px;/* Reduce el tamaño de la fuente si es necesario */
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.7); /* Resplandor verde */
  transition: all 0.3s ease;
}

#toggleMode:hover, #toggleMode:focus {
outline: none;
  box-shadow: 0 0 1px 1px #ffffff; /* Sombra como indicador de foco */  
	
background-color: #0C0; /* Un verde ligeramente diferente para el hover */
 /* box-shadow: 0 0 15px rgba(0, 255, 0, 1); /* Resplandor más intenso */
  transform: scale(1.05); /* Ligeramente más grande al pasar el mouse */
}